angularjs - 是否有与 Angular `ngInit` 指令相反的指令？

Question

我有一个元素，它在 ng-if 条件下显示/隐藏。

 <div ng-if="level <= vm.receivedLevelsAmountToShow" 
      ng-init="addTimeLineComponentData(vm.item)" >
          <div>{{item.id}}</div>
 </div>

当 ng-if 条件 true - 元素创建并且 ng-init - 启动。当元素消失时，有没有办法使用与 ng-init 相反的东西？ (我想在元素消失时使用一些方法)提前致谢。

Answer 1

你能试试这样吗？

<div ng-if="level <= vm.receivedLevelsAmountToShow" 
      ng-init="addTimeLineComponentData(vm.item)" >
          <div>{{item.id}}</div>
 </div>

只需在另一个空白 div 中使用相反的条件，这样第一个 div 的 ng-hide 事件将成为第二个 div 的 ng-show 事件。即使第二个 div 存在，它也没有任何内容，因此您的 UI 不会受到影响。

<div ng-if="level > vm.receivedLevelsAmountToShow" 
      ng-init="YourCustomAction(vm.item)" >
 </div>

否则您必须为范围变量选择监视，并且需要在值更改时触发事件。

var myApp = angular.module('myApp', [])
.controller('myCtrl', function($scope, $log) {
    $scope.$watch('level', function(newValue, oldValue) {
        if (newValue > vm.receivedLevelsAmountToShow) {
            vm.YourCustomAction();
        }
    });
});