我應該在哪裏設置$ watch的angularjs

Question

我有一個角度指令，應該顯示一些數據結構。數據結構本身應該使用選擇框來選擇。

<div>There are {{blocks.length}} blocks in this blocks set</div> 
<select ng-model="block" ng-options="b.name for b in blocks"></select><br> 
<myblock block="block"></myblock> 

現在當選擇不同的塊時使用選擇myblock指令不會自動更新以反映更改。

我認爲這是因爲我必須在指令的（隔離）範圍內觀察塊參數 （它被定義爲「塊」：「=」）。

哪裏（在代碼中）將是設置此手錶的適當位置？ 這是否有任何常見的模式？

有沒有辦法告訴「myblock」只是「刷新」自己？

Answer 1

從上面我的意見，你的手錶應該工作，如果添加真正作爲最後一個參數：

<div ng-app="pageModule" 
     ng-controller="parentCtrl"> 
     <div>There are {{blocks.length}} blocks in this blocks set</div> 
     <select ng-model="block" ng-options="b.name for b in blocks"></select><br> 
     <div myblock block="block"></div> 
    </div> 

    <!-- 3rd Party --> 

    <script> 

var pageModule = angular.module('pageModule',[]) 
.controller('parentCtrl',function($scope) { 
    $scope.blocks = [ 
     { name : 'green' }, 
     { name : 'blue' }, 
     { name : 'red' } 
    ]; 
}) 
.directive('myblock',function() { 
    return { 
     scope : { block : '=' }, 
     link : function($scope,$element,$attrs) { 
      $scope.$watch('block',function(s) { 
       if(s) { 
        console.log('block: ' + s.name); 
       } 
      },true); 
     } 
    } 
});