AngularJS观察属性的变化

时间:2016-07-25 09:41:59

标签: javascript angularjs

我已经构建了一个名为errorMarker的指令,用于显示输入控件上的错误消息。我面临的问题是,第一次检测到属性更改并且下次检测不到时。我创建了一个小提琴,你会看到一个文本字段和一个按钮。指令适用于文本字段。

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

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

小提琴:http://jsfiddle.net/FvLQN/1245/

1 个答案:

答案 0 :(得分:0)

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

试试这个:

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