Angularjs:观察ng-active / ng-inactive中的变化元素

时间:2016-07-27 15:34:08

标签: javascript angularjs

我想知道最明显的“角度”方式来观察元素。

示例用例是基于活动的ngMessage的数量调整动态表单。

ngMessages使用ng-in / active来控制其可见性:

<!-- class="ng-inactive" is added by angular when the page loads-->
<div ng-messages="formToValidate.fieldName.$error" role="alert" class="ng-inactive">
.
.  <div ng-message="...">list of messages<div>
.
</div>

所以问题是:观看此元素并在新消息处于活动状态时运行某些逻辑的最佳方法是什么?

我知道我可以在控制器中使用像:

$scope.$watch('formToValidate.fieldName.$error', () => {

    if ($scope.formToValidate.fieldName.$invalid) {
        ...
    } else {
        ...         
    }

}, true);

但是我不知道是否有更简洁的东西,比如智能ng-watch,我更喜欢与消息元素的可见性相关的逻辑,而不是错误的存在。

有没有更好的方法我不知道?

感谢。

0 个答案:

没有答案