使用$ onChanges在隔離範圍勾一種方式指令綁定

Question

我有以下指令：

// expose directive 
     return { 
      restrict: 'E', 
      link: linkFn, 
      scope: { 
       treeModel: "<" 
      }, 
      controller: function ($scope) { 
       var vm = this; 
      }, 
      controllerAs: 'vm' 
     }; 

我想要做的是對treeModel看變化，所以在我的鏈接功能我做了如下：

function linkFn(scope, element, attrs) { 
    scope.$watch('treeModel', function(value){ 
     if(value instanceof Array){ 
      scope.tree.jstree(true).settings.core.data = value; 
      scope.tree.jstree(true).refresh(); 
     } 
    }); 
} 

在這種情況下（該代碼被執行兩次首次value未定義，但在第二時間value是對象的數組），但我想要實現的$onChanges鉤中，由於I」的工作原理米計劃荷蘭國際集團，以我的應用程序遷移到角2，所以我做了如下：

// expose directive 
     return { 
      restrict: 'E', 
      link: linkFn, 
      scope: { 
       treeModel: "<" 
      }, 
      controller: function ($scope) { 
       var vm = this; 
       vm.$onChanges = function (changes) { 
        if($scope.treeModel instanceof Array){ 
         $scope.tree.jstree(true).settings.core.data = $scope.treeModel; 
         $scope.tree.jstree(true).refresh(); 
        } 

       }; 
      }, 
      controllerAs: 'vm' 
     }; 

然後我刪除從我的鏈接功能的scope.$watch代碼。

當我嘗試這樣做，它不工作，vm.$onChanges其中值是不確定的被觸發一次，從來沒有被觸發，第二次爲與scope.$watch，並且changes參數始終是不確定的，當它應該是一個對象，其中鍵是更改的綁定名稱。

我該如何解決這個問題？

Answer 1

你應該使用$ doCheck，如$ onChanges不只是看參考的變化，它不深的手錶：

See this article, which describes the replacement of a watcher with $doCheck

雖然可以使用$ onChanges對收到通知的變化$ watch