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

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

<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()

ССЫЛКА НА ВИКИ

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

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

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

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

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

Я настроил контроллер через 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
            }
    }]);

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

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

По сути, некоторые директивы angular, такие как 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
});