javascript - 结合 ng-repeat 和 ng-click

标签 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>

如何在这里正确传递参数?

非常感谢,

干杯

最佳答案

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

我相信你的做法是正确的。这可能是原型(prototype)继承的问题。请记住,ng-repeat 创建了自己的作用域,这些作用域可能不会将其更改应用到父作用域。

看看我的 fiddle 是否有效。请注意,我正在使用 和 对象来存储所选类别$scope.obj.cat=i;。如果我使用原语,它就不起作用。

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

关于javascript - 结合 ng-repeat 和 ng-click,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22311099/

相关文章:

javascript - 在输入标签中的 onchange 事件上调用聚合函数

javascript - Fabric.js 裁剪 Canvas (或对象组)到多边形

javascript - 将字符串从 app.js 传递给 Angular 表达式

javascript - ng-click 上的 Angular 工厂原型(prototype)分离

javascript - 将新对象传递给 Angular 绑定(bind)时出现无限摘要错误

javascript - 按 Angular ng-repeat 中的行限制文本大小

angularjs - Angular ng-style for::after

javascript - 我正在使用 Gulp,但未能生成用于生产的最终开发脚本。

javascript - 使用 JavaScript 从页面收集价格

javascript - Angular JS 中 ng-repeat 中的数据绑定(bind)