Почему я не могу получить доступ к объекту формы внутри ngInclude на angularJS?

Question

У меня есть экран, построенный с несколькими стеками ng-includes. Последний, в частности, я создаю экран на основе пользовательской конфигурации.

Иногда мне нужно показать форму в одном из этих включенных шаблонов. И когда мой пользователь нажимает кнопку «Сохранить», мне нужно проверить, действительно ли все поля в форме.

В то же время, когда вы пытаетесь получить доступ к объекту формы, чтобы проверить значение $ valid, моя форма не определена.

После дня борьбы с ним я обнаружил, что процесс ng-include не принимает мой объект формы, который будет создан.

Я создал этот plunker, чтобы увидеть, если это на самом деле происходит на простом проекте, делая рабочую форму и не работает один: http://plnkr.co/edit/4oMZYLgaYHJPoSZdSctI?p=preview

В основном, создал форму, как это, с требуемыми угловыми атрибутами:

<form name="sampleForm"> 
    <input type="text" name="aws" required ng-model="myValue"> 
    <br/>myValue: "{{ myValue }}" 
    <br/> 

    <input type="text" name="aws" required ng-model="myValue"> 
    <br/>myValue: "{{ myValue }}" 
</form> 

и пытается получить доступ к форме объекта, как это:

$scope.sampleForm.aws.$valid 

И результат:

$scope.sampleForm === undefined 

Кто-то знает, как решить эту проблему?

Answer 1

С ng-include создает новую область действия, $scope.sampleForm будет не указывать с включенной страницы.

Решение должно получить декларацию ng-controller="formController" внутри самой включенной HTML-страницы, что, я думаю, также является лучшим дизайном, поскольку я не вижу сценария, где он не «контролирует» форму.

Другая, не включенная форма, очевидно работает, как и следовало ожидать.

Plunker