Могу ли я получить доступ к форме в контроллере?

В настоящее время я использую следующее.

$scope.$$childHead.customerForm[firstName], так что:

<form name="customerForm">
  <input type="text" name="firstName" 
         ng-model="data.customer.firstName" 
         tabindex="1"  
         ng-disabled="!data.editable" 
         validationcustomer />
</form>

Но это работает только в Chrome. Теперь я попробовал следующее:

$scope.editCustomerForm[firstName], так что:

<form name="customerForm" ng-model="editCustomerForm">
  <input type="text" name="firstName" 
         ng-model="data.customer.firstName" tabindex="1"  
         ng-disabled="!data.editable" 
         validationcustomer />
</form>

Который не работает. Обратите внимание, что моя форма находится на вкладке Foundation. Как я могу получить доступ firstName?

РЕДАКТИРОВАТЬ : Похоже, что formне добавляется к, scopeкогда он находится во вкладке Foundation.

У кого-нибудь есть решение для этого?

Хотя в других комментариях упоминалось, что я немного расшифровал это для тех, кто использует синтаксис «Контроллер как»:

<div ng-controller="MyController as ctrl">

<form name="ctrl.myForm">
    ...inputs
    Dirty? {{ctrl.myForm.$dirty}}

    <button ng-click="ctrl.saveChanges()">Save</button>
</form>

</div>

Затем вы можете получить доступ к FormController в вашем коде, например:

function MyController () {
    var vm = this;
    vm.saveChanges = saveChanges;

    function saveChanges() {

       if(vm.myForm.$valid) { 
            // Save to db or whatever.
            vm.myForm.$setPristine();
       }
}

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

Родительский контроллер

$scope.forms = {};

Какой-то шаблон в дочерней области

<form name="forms.form1">
</form>

Проблема в том, что форму не нужно определять в тот момент, когда выполняется код в контроллере. Таким образом, вы должны сделать что-то вроде этого

$scope.$watch('forms.form1', function(form) {
  if(form) {
    // your code...
  }
});

Если вы хотите передать форму контроллеру для целей проверки, вы можете просто передать ее в качестве аргумента методу, обрабатывающему отправку. Используйте имя формы, поэтому для исходного вопроса это будет что-то вроде:

<button ng-click="submit(customerForm)">Save</button>

Немного опоздал на ответ, но пришел со следующим вариантом. Это работает для меня, но не уверен, что это правильный путь или нет.

На мой взгляд, я делаю это:

<form name="formName">
    <div ng-init="setForm(formName);"></div>
</form>

И в контроллере:

$scope.setForm = function (form) {
    $scope.myForm = form;
}

Теперь после этого я получил мою форму в моей переменной контроллера, которая $scope.myForm

Чтобы иметь возможность доступа к форме в вашем контроллере, вы должны добавить ее в фиктивный объект области видимости.

Что-то вроде $scope.dummy = {}

Для вашей ситуации это будет означать что-то вроде:

<form name="dummy.customerForm">

В вашем контроллере вы сможете получить доступ к форме:

$scope.dummy.customerForm

и вы сможете делать такие вещи, как

$scope.dummy.customerForm.$setPristine()

WIKI LINK

Иметь '.' в ваших моделях будет обеспечено, что наследование прототипа находится в игре. Итак, используйте, <input type="text" ng-model="someObj.prop1">а не<input type="text" ng-model="prop1">

Если вы действительно хотите / должны использовать примитив, есть два обходных пути:

1. Используйте $ parent.parentScopeProperty в дочерней области. Это предотвратит создание дочерней областью своего собственного свойства. 2. Определите функцию в родительской области и вызовите ее из дочернего элемента, передав примитивное значение родительскому элементу (это не всегда возможно)

Этот ответ немного запоздал, но я наткнулся на решение, которое делает все намного проще.

На самом деле вы можете назначить имя формы непосредственно вашему контроллеру, если вы используете синтаксис controllerAs, а затем ссылаться на него из вашей переменной «this». Вот как я это сделал в своем коде:

Я настроил контроллер через ui-router (но вы можете сделать это так, как хотите, даже в HTML-коде, например <div ng-controller="someController as myCtrl">). Вот как это может выглядеть в конфигурации ui-router:

views: {
            "": {
                templateUrl: "someTemplate.html",
                controller: "someController",
                controllerAs: "myCtrl"
            }
       }

а затем в HTML вы просто задаете имя формы как «controllerAs». «name», например:

<ng-form name="myCtrl.someForm">
    <!-- example form code here -->
    <input name="firstName" ng-model="myCtrl.user.firstName" required>
</ng-form>

теперь внутри вашего контроллера вы можете очень просто сделать это:

angular
.module("something")
.controller("someController",
    [
       "$scope",
        function ($scope) {
            var vm = this;
            if(vm.someForm.$valid){
              // do something
            }
    }]);

Да, вы можете получить доступ к форме в контроллере (как указано в документации ).

За исключением случаев, когда ваша форма не определена в области контроллера и определена в дочерней области.

В основном, некоторые угловые директивы, такие как ng-if, ng-repeatили ng-include, создают изолированную дочернюю область. Как и любые пользовательские директивы с определенным scope: {}свойством. Возможно, ваши фундаментальные компоненты тоже на вашем пути.

У меня была такая же проблема при введении простой ng-ifвокруг <form>тега.

Смотрите их для получения дополнительной информации:

• https://groups.google.com/forum/#!topic/angular/B2uB8-9_Xbk

• AngularJS - потеря возможности при использовании ng-include

Примечание: предлагаю переписать свой вопрос. Ответ на ваш вопрос - да, но ваша проблема немного отличается:

Могу ли я получить доступ к форме в дочерней области с контроллера?

На что ответ будет просто: нет .

добавить ng-model="$ctrl.formName"атрибут к вашей форме, а затем в контроллере вы можете получить доступ к форме как объект внутри вашего контроллера с помощьюthis.formName

Определенно вы не можете получить доступ к форме в области видимости. это не создано. DOM из HTML-шаблона загружается немного медленно, как конструктор контроллера. решение состоит в том, чтобы наблюдать, пока не загрузится DOM и не будет определена вся область действия!

в контроллере:

$timeout(function(){
    console.log('customerForm:', $scope.customerForm);
    // everything else what you need
});