我希望这不是一个重复的 – 很多类似的问题,但我找不到一个有效的答案。
我有一个角度指令,因此:
app.directive('emailInput',function(){ return { restrict: 'E',templateUrl: 'template.html',link: function(scope,elem,attrs,ctrl){ elem.bind('keyup',function(){ // TODO - what? }) } } }
并在模板html中:
<input type="email" required ng-model="emailAddress" />
您可以要求formController,这将允许您访问注册到表单的所有输入
原文链接:https://www.f2er.com/angularjs/144720.htmlapp.directive('emailInput',function(){ return { require: '^form',// We look for it on a parent,since it will be defined somewhere higher on the DOM. restrict: 'E',ctrl){ elem.bind('keyup',function(){ ctrl.emailAddress.$valid //check validity }) } } }
请记住,Angular会按照名称跟踪输入元素。所以你必须给你的输入一个name属性
<input type="email" required ng-model="emailAddress" name="emailAddress" />
我也建议可能通过指令属性传递所有这些。你可能不想硬编码字段名称。所以你可以只有一个具有有效性的属性
inputIsValid='formName.emailAddress.$valid'
并在您的指令中评估(或$ watch it)。