看指令設置的控制器$ scope屬性

Question

我有下面的指令，它設置了一個綁定到我觀察的控制器$ scope屬性的屬性。問題是觀察者從來沒有觸發過，我正在遊走爲什麼。

更新！

解決方案

更多的挖掘後，我發現這個很酷的文章由吉姆·霍斯金斯約$範圍。$適用（），它解決了我的問題。

http://jimhoskins.com/2012/12/17/angularjs-and-apply.html

mod.directive('gsGridSorting', function($modal, $timeout) { 
    return { 
     restrict: 'A', 
     link: function($scope, $element, $attrs) { 
      var lastSortedCol; 
      $element.on('click', 'th.sorting', function (event) { 
       var target = $(event.target); 
       //The missing piece! 
       $scope.$apply(function() { 
        $scope.sortColumn = target.data('column'); 
       }) 
      }); 
     }, 
     scope: { 
      sortColumn: '=' 
     } 
    }; 
}); 

<thead gs-grid-sorting sort-column="sortColumn"> ... </thead> 

看着沒有成功我的$ scope屬性。

$scope.$watch('sortColumn', function (oldValue, newValue) { 

}); 

Answer 1

我認爲你可以使用$watch與功能相同的後續代碼：

mod.directive('gsGridSorting', function($modal, $timeout) { 
    return { 
     restrict: 'A', 
     link: function($scope, $element, $attrs) { 
      var lastSortedCol; 

      $element.on('click', 'th.sorting', function (event) { 
       var target = $(event.target); 
       $attrs.sortColumn = target.data('column'); 
      }); 
      $scope.$watch (function(){ 
       return $attrs.sortColumn; 
      },function(oldValue,newValue){ 
       console.log(newValue); 
      }); 
     }, 
     scope: { 
      sortColumn: '=' 
     } 
    }; 
});