javascript - Angularjs在ng-click函数中传递参数值

Question

我有一个 Angular 应用程序，其中有一个定义为 sumCompletedCredits 的自定义过滤器。这是调用的 html:

{% if node.is_leaf_node %}
     <span class="badge badge-success" 
        ng-bind="mpttdetails | filter:{category.id:{{node.id}}} | sumCompletedCredits">
    </span>

    <div class="row">
        <button class="btn btn-default btn-sm pull-right" 
            ng-click="open({{node.id}}, {{node.min_credit}})">Add Course <span class="glyphicon glyphicon-plus"></span>
        </button>
    </div>
{%endif%}

这是自定义过滤器定义:

app.filter('sumCompletedCredits', function () {
    return function (mpttdetails) {
        if(typeof mpttdetails === 'undefined'){
                return;
        }
        else {
            var sum = 0;
            mpttdetails.forEach(function (detail) {
                sum += detail.student_academic_credit.credit;
            });
            return sum;
         }
        };
});

这是我想要实现的目标:我想在按钮的 ng-click() 函数中传递第三个参数，其中参数将是上述跨度中的值，如下所示:

ng-click="open({{node.id}}, {{node.min_credit}}, *{{{this content will be the value in the badge class from the custom filter}}}*)"

所以基本上我试图发送将在按钮之前的 span 徽章中显示的值，并将该值作为第三个参数发送。我如何发送第三个详细信息？

Answer 1

您可以将过滤结果分配给范围属性并在您的函数中引用该属性:

<span ...
        ng-bind="summed=(mpttdetails | filter:{category.id:{{node.id}}} | 
                                       sumCompletedCredits)">
</span>
...
<button ...
        ng-click="open({{node.id}}, {{node.min_credit}}, summed)">
    ...
</button>