javascript - AngularJS 观察属性变化

标签 javascript angularjs

我构建了一个名为 errorMarker 的指令,用于在输入控件上显示错误消息。我面临的问题是,第一次检测到属性更改,而下次则检测不到。我创建了一个 fiddle ,您将在其中看到一个文本字段和一个按钮。指令应用于文本字段。

 <input type="text" ng-model="name" error-marker error-message="{{error}}" size="20">

还有一个按钮,单击该按钮将检查模型值并设置范围的错误属性。一旦设置错误,文本字段边框就会变成红色。 现在,如果删除模型值并单击按钮,边框不会变成红色。原因是未检测到属性更改。我想知道为什么没有检测到更改,因为我还将指令中的属性值设置为空白。

fiddle :http://jsfiddle.net/FvLQN/1245/

最佳答案

您每次都将错误变量设置为“无效名称”,因此该值不会更改,并且不会触发您的函数。

试试这个:

$scope.error= "Invalid Name " + $scope.name;

关于javascript - AngularJS 观察属性变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38564388/

相关文章:

javascript - 将状态与循环 react 中的对象合并

javascript - 如何使用 Javascript(不是 jQuery)发出 DELETE http 请求

javascript - 错误 : Data should not be empty or the "fields" option should be included

javascript - 如何用选定的部分覆盖整个饼图

angularjs - Jasmine - 检查 Controller 方法中的服务方法是否被调用

javascript - 获取数组 Angular 的单个属性

javascript - AngularJS 按钮指令不起作用

javascript - Angular 2 : Callback when ngFor has finished

javascript - 具有多个版本的 Javascript/不同环境的 Linting 文件

javascript - 将 Angular 与 Twitter Bootstrap 模板结合使用