AngularJs：将参数传递给ng-click in指令

发布时间：2020-12-17 17:18:38 所属栏目：安全来源：网络整理

导读：我有一个指令,我在其中添加一个按钮和按钮上的ng单击.我的指令代码是 AppDirectives.directive( 'feed',function() { return { restrict : 'AE',scope : { feedMsg : '@feedText',feedUser : '@feedUser',feedTimestamp : '@feedTimestamp',feedLike : '@fee

我有一个指令,我在其中添加一个按钮和按钮上的ng单击.我的指令代码是

AppDirectives.directive(
                'feed',function() {
                    return {
                        restrict : 'AE',scope : {
                            feedMsg : '@feedText',feedUser : '@feedUser',feedTimestamp : '@feedTimestamp',feedLike : '@feedLike',feedDislike : '@feedDislike',likeClick: '&',dislikeClick :'&',feedUid : '@feedUid'
                        },template : '<div class="media">'+
                                        '<a class="pull-left" href="#"><img class="media-object" src="resources/images/holder.png" style="height:64px; width:64px;" alt="img"></a>'+
                                        '<div class="media-body">'+
                                            '<h4 class="media-heading">{{feedUser}}</h4>'+
                                            '<h5>{{feedMsg}}</h5>'+
                                            '<p> <a ng-click="likeClick(feedLike)">Like</a> {{feedLike}} <a ng-click="dislikeClick(feedUid)">Dislike</a> {{feedLike}} {{ feedTimestamp | date:medium }} </p>'+
                                        '</div>'+
                                    '</div>',replace : true,};
                });

我的HTML代码是

<feed feed-uid={{feed.uid}} feed-text={{feed.feedText}} feed-user={{feed.userUid}} feed-timestamp={{feed.time}} feed-like={{feed.like}} like-click="likeClick(uid)" dislike-click="dislikeClick(uid)" feed-dislike={{feed.dislike}}></feed>

我的控制器有

$scope.dislikeClick = function(feedUid){
        console.debug("dislike"+feedUid);
    }

当我点击不喜欢按钮时,我得到’like undefined’,我支持打印’like uid_of_post’.任何人都可以告诉我我的代码有什么问题.当{{feedUid}}在模板中获取正确的值时.

解决方法

来自 $compile的文档,其中包含指令文档：

Often it’s desirable to pass data from the isolated scope via an expression and to the parent scope,this can be done by passing a map of local variable names and values into the expression wrapper fn. For example,if the expression is increment(amount) then we can specify the amount value by calling the localFn as localFn({amount: 22}).

所以在这种情况下你要做ng-click =“dislikeClick({uid：feedUid})”,然后从你的html做dislike-click =“dislikeClick(uid)”

我正在回答这个具体到你的用例,但我认为这几乎是同一个问题：AngularJS getting $event from a directive

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!