来自指令

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; 
     } 
    } 
    } 
})