Как получить доступ к выражению в директиве AngularJS?

Question

Я хотел бы сделать директиву, которая выглядит следующим образом (прохождение в выражении):

<button ui:spin="form.submitting">Save</button> 

Но я не уверен, если это возможно (или как), чтобы получить доступ к выражению form.submitting. В прошлом я сделал что-то вроде этого:

<button ui:spinner-button ui:spin="form.submitting">Save</button> 

Где я прочитал атрибут uiSpin в директиве uiSpinnerButton, но я хотел бы знать, как сделать это «все в одном»

Любые идеи?

Answer 1

Я получил его моя директива выглядит следующим образом:

.directive('uiSpin', function() { 
    return { 
     link : function(scope, element, attrs, ngModel) { 

      scope.$watch(attrs.uiSpin, function() { 

       // do stuff here... 

      }); 
     } 
    } 

}) 

я на основе этого от источника к ngShow: https://github.com/angular/angular.js/blob/master/src/ng/directive/ngShowHide.js

Answer 2

Вы должны быть в состоянии ссылаться на него, определив сферу Директивы следующим образом:

scope: { 
    spin: '=uiSpin' 
} 

Внутри функции, связывающей директивы, он будет scope.spin.

Answer 3

Для неизолированной области, следует использовать $parse:

myApp.directive('uiSpin', function($parse) { 
    return function(scope, element, attrs) { 
     var model = $parse(attrs.uiSpin) 
     console.log(model(scope)); 
     // If you want to change the value in your directive: 
     model.assign(scope, "???"); 
    } 
}); 

Если вам не нужно, чтобы изменить значение, вы можете просто использовать $ Eval вместо:

console.log(scope.$eval(attrs.uiSpin));