Интеграция Jquery spritespin с угловыми js

Question

Я новый для угловых js. Я хочу реализовать с угловыми js.

Вот мой код.

index.html

<div class="container" ng-controller="headerController"> 
    <span ng-repeat="b in button" > 
     <button button-control id='{{b}}' ng-click = '{{b}}()'>{{b}}</button> 
    </span> 
</div> 

app.js

.controller('headerController',function($scope,$location){ 
    $scope.button = ['prev','toggle','reserve','next']; 
}) 
.directive('buttonControl',function(){ 
    return{ 
     restrict: 'AE', 
     replace: true, 
     link:function(scope,elem,attrs){ 
     var api = elem.spritespin('api'); 
     scope.prev = function(){    
     api.stopAnimation(); //**problem** 
     } 
     scope.toggle = function(){ 

     } 
     scope.reserve = function(){ 

     } 
     scope.next = function(){ 

     } 
    } 
} 

})

Проблема , когда я делать api.stopAnimation(), stopAnimation() использует этот объект, который указывает на cu rrent scope вместо elem. Возможно, я ошибаюсь.

Любая помощь приветствуется

Благодаря

Answer 1

Я прошел через хром AngularJS Batarang и я должен сделать

scope.$parent.$parent.api = new Object 

переопределить родительскую сферу

сейчас в директивах buttonController. Я могу получить доступ к объекту api, просто сделав

app.directive('buttonControl',function(){ 
    return{ 
    restrict: 'AE', 
    replace: true, 
    link:function(scope,elem,attrs){ 
     console.log(scope.api); 
    } 
})