AngularJS：在他的工作后执行代码

Question

我想在AngularJS完成后执行一些代码，以在事件发生后更改HTML。我试着做到以下几点：

angular.module('ngC', [], function($routeProvider, $locationProvider) 
{ 
    $locationProvider.html5Mode(true); 
}) 
.directive("carousel", function() { 
    return function (scope, element, attrs) { 
     scope.$watch("imgs", function (value) 
     { 
      // Here my code 
     }); 
    }; 
}); 

的问题是，我的代码执行前AngularJS更换{{}}代码，但我想以后执行。

Answer 1

我发现我的答案是：jQuery doesn't work in AngularJS ng-view properly

// (inside some function with $rootScope available) 
$rootScope.$on('$viewContentLoaded', function() { 
    // ... (multiview init code here) ... 
}); 

Answer 2

只需比较newValue是否与$ watch listening函数中的oldValue不同，这将指示是否发生了某些变化。

scope.$watch("imgs", function (newValue, oldValue) 
{ 
    if(newValue !== oldValue) {   
     // Here my code 
    } 
}); 

编辑：从文档

后一位守望与范围登记，听者FN异步调用（通过$ evalAsync）来初始化观察者。在极少数情况下，这是不可取的，因为当watchExpression的结果没有改变时调用监听器。要在侦听器fn中检测到这种情况，可以比较newVal和oldVal。如果这两个值相同（===），则由于初始化而调用侦听器。