如何通过AngularJS指令将值传递给函数?

时间:2013-04-21 22:19:04

标签: angularjs angularjs-directive

我的app.html中有一个带有这样的属性的指令

<tr ng-repeat="post in posts | filter:searchTerm | limitTo:limit ">
    <td>
        <span eachpost="{{post.id}}" id="{{post.id}}"></span>
           …
            other html 
            …
    </td>
</tr>

和angular.js文件:

App.directive ("eachpost", function () {
    return {
        restrict: "A",
        scope:{
            id:"@"
        },
        templateUrl: '_eachpost.html',
    }
});

该指令工作正常并通过,我可以在'_eachpost.html'中使用{{id}},但我也试图启动一个应该使用'id'值的函数。我相信它是链接属性,但不确定如何将它包含在指令中。

谢谢,

1 个答案:

答案 0 :(得分:0)

App.directive ("eachpost", function () {
return {
 restrict: "A",
 scope:{
 id:"@"
 },
 templateUrl: '_eachpost.html',
 link: function(scope, element, attrs){

     scope.$watch("id", function(newValue){
     } );

 }
}
});