Приступаем к форме в пределах угловому (this.form.name)

Question

Существует простая форма

<ng-form name="foo"> 
    <button /> 
</ng-form> 

Нажмите на кнопку должно насторожить имя формы Foo.

Есть ли угловой способ сделать это?

EDIT: Скажите, что имя моего родителя - это возможное решение.

Answer 1

Предполагая, что кнопка имеет форму как прямой родительский объект, вы можете использовать свойство $event на ng-click, чтобы пересечь DOM и найти элемент родительской формы. Используется angular.element(someElement).parent().

$scope.showFormName = function($event) { 
    $scope.formName = angular.element($event.target).parent()[0].name; 
}; 

<button ng-click="showFormName($event)">Show Form Name</button> 

http://plnkr.co/edit/yDPc76rqUHpOcL2aGeIU?p=preview

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

Answer 2

Вы должны иметь возможность доступа к нему на $scope:

$scope.foo

Answer 3

ng-click ожидает либо Angular expression или функции в текущей области. Похоже, Angular не позволяет использовать глобальные методы.

Угловая использует $parse сервис для вычисления выражения в ng-click="expression".

$parse использует строковое синтаксический интерпретировать expression и ограничивает ваш доступ к переменные, функции и объекты только те, которые являются свойствами $scope объекта или свойства любых $parent объектов области.

Просто попробуйте это в своем Template & Controller!

Шаблон

ng-click="alert(foo.$name)" <!-- foo ~ MY_FORM_NAME in your case --> 

Контроллер

$scope.alert = function(formName){ 
    alert(formName); 
} 

Это будет выполнять JavaScriptalert() правильно.

Для получения дополнительной информации см. AngularJS/ngClick.

Надеюсь, это поможет!