Чи можу я отримати доступ до форми в контролері?

В даний час я використовую наступне.

$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?

EDIT : Схоже, formце не додано до того, scopeколи він знаходиться на вкладці Foundation.

Хтось має для цього рішення?

Незважаючи на те, що нагадав в інших коментарях, я подумав, що трохи прописати його для тих, хто використовує синтаксис "Controller As":

<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-роутера (але ви можете робити це як завгодно, навіть у HTML безпосередньо з чимось подібним <div ng-controller="someController as myCtrl">) Ось як це може виглядати в конфігурації ui-роутера:

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

а потім у HTML ви просто встановите назву форми як "контролерA". "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
});