來自指令

Question

的呼叫控制器方法我有一個按鈕可以改變「活動」狀態。首先，它加載從服務器狀態

<button active="data.active" ng-click="changeStatus()"></button> 

指令代碼：

app.directive('active', function() { 
    return { 
    restrict: 'A', 
    templateUrl: 'whatever.html', 
    scope: { 
     active: '=' 
    }, 
    link: function($scope, elem, attrs) { 
     $scope.changeStatus = function() { 
      // Actually I'm doing this, it works fine 
      var value = !$scope.active; 

      $scope.$parent.MethodWhoChangesState(value, function(response) { 
       // I need to change the button state here 
      }); 
     } 
    } 
    } 
}) 

它的工作原理，但我覺得我不尊重「角的規則」 ......

有沒有更好的方法？

Answer 1

通常情況下，您只需在您的點擊處理程序中更新$ scope變量。如果你需要處理的情況下，當「有效」狀態的改變，你可以設置$表：

app.directive('active', function() { 
    return { 
    restrict: 'A', 
    templateUrl: 'whatever.html', 
    scope: { 
     active: '=' 
    }, 
    link: function($scope, elem, attrs) { 

     // if you need to run custom code whenever the 'active' state changes 
     // you can set up a $watch 
     $scope.$watch('active', function(isActive) { 
       if(isActive) { 
        ... 
       } 
       else { 
        ... 
       } 
     }); 

     $scope.changeStatus = function() { 

      $scope.active = !$scope.active; 
     } 
    } 
    } 
})