在Angular指令中访问$ error

Question

I have an input wrapped in a directive with a dynamic name like this:

<input class="input-field" name="{{name}}" type="number" ... />

Now I want to access the $error variable of the form IN the directive. Something like form.{{name}}.$error.number .

Is there a way to do this?

Answer 1

If you want to access the form (that is on the parent scope) you have to pass the form to your directive. To do this, you have to specify that you want two way binding (using = ) when you define your directive.

Have a look at https://docs.angularjs.org/guide/directive , more specifically the part about isolating the scope can probably help you.

Answer 2

Maybe it's enough to get the $error of the specific ngModelController ?

return {
  template: '<input ng-model="value" type="number" /><span ng-bind="error | json"></span>',
  scope : {},
  link: function(scope, elem, attr) {
    scope.error = elem.find('input').controller('ngModel').$error;
  }
}

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