结合ng-repeat和ng-click

时间:2014-03-10 20:55:25

标签: javascript angularjs angularjs-ng-repeat angularjs-ng-click

我正在使用ng-repeat和ng-click构建一个angularJS应用程序。 我有一系列项目,我通过它来创建一个按钮列表。这些项目中的每一项都有一个属性类别,我想将其作为ng-click操作的参数传递。

到目前为止,我使用了以下代码:

<button type="button" class="btn btn-default" ng-repeat="job in jobs" ng-click="filterJobListings(job.category)">
    {{ job.category }}
</button>

但是,生成的HTML如下:

<button type="button" class="btn btn-default ng-scope ng-binding" ng-repeat="job in jobs" ng-click="filterJobListings(job.category)">Design</button>

我怎样才能在这里正确传递参数?

非常感谢,

干杯

1 个答案:

答案 0 :(得分:1)

修改 我错了,ng-click="filterJobListings({{job.category}})"不是解决方案

我相信你做得对。这可能是原型继承的问题。请记住,ng-repeat会创建自己的范围,这些范围可能不会将更改应用于父范围。

看到我的小提琴有效。请注意我正在使用和反对存储所选类别$scope.obj.cat=i;。如果我使用原语,它将无法工作。

http://jsfiddle.net/nicolasmoise/hwH64/