Метод управления вызовом из директивы

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