angularjs - コンパイルの投稿リンクの $watch が機能しない

Question

$watch投稿リンク機能の属性に適用しようとしています。

私のコードは次のようなものです:

compile: function(){
     return {
         post:function(scope,element){
             scope.$watch('scope.x', function(){
                console.log(scope.x);
            })  
         }
     }
}

ページが読み込まれるときに 1 回だけ実行されます。私が理解できない何か問題がありますか？

編集 ：

angular gridster を使用して、さまざまなチャートをグリッドに表示しています。私のindex.htmlは次のようになります：

<div gridster>
    <ul>
        <chart ng-repeat="chart in charts">
        </chart>
   </ul>
</div>

chart は、ビューを持つ別のディレクティブです。

<li gridster-item row="grid_row" col="grid_col">

スクリプト ファイルには以下が含まれます。

module.directive('chart', ['',
    function() {
        return {
            restrict: 'E',
            scope: {
                  grid_col: '=col',
                  grid_row: '=row',
            },
            compile: function(element, attrs) {
                return {
                     post: function(scope, element, timeout) {
                         scope.$watch('grid_col', function() {
                         console.log(scope.grid_col);
                       })
                    }
                }
            }
        };
    }
]);