在AngularJS中,您可以自动从您'使用ng重复时重新生成
In AngularJS can you automatically bind an onclick function from the object you're generating when using ng-repeat?
我有一个项目数组,我使用ng repeat为数组中的每个项目创建一个元素。每个项目上的一个属性可能是一个函数,如下所示:
item.myFunction = function(){
// do something
}
我可以使用onclick或ng-click之类的方法将其绑定到一个元素吗?我尝试过以下几种:
<p onclick="{{item.myFunction}}">click me</p>
<p ng-click="{{item.myFunction}}">click me</p>
<p ng-attr-onclick="{{item.myFunction}}">click me</p>
我是不是在努力实现一些不可能的事情?在谷歌上找不到任何帮助。
我不知道这是否可能,但您可以尝试实现一个包装器函数,该函数将调用您的特定对象函数:
<p ng-click="{{myFunction(item)}}">click me</p>
然后在你的控制器中实现这样的功能:
myFunction(item){ item.myFunction() }
您可以将对象传递给点击函数并执行同样的操作,
控制器:
$scope.myFunction = function(someObject){
// do something
}
HTML
<p ng-click="{{myFunction(item)}}">click me</p>
工作SampleApp
相关文章:
- AngularJS-ng使用字符串索引在数组上重复
- ng-使用重复条目重复重复数据
- ng使用ui视图制作动画
- ng使用angular中的json数据使用optgroup重复select
- ng使用一个不识别临时变量形式ng repeat的函数绑定html
- NG使用过滤器重复比较当前日期
- ng使用UI引导指令绑定html
- AngularJS ng使用#键重复数据
- ng使用'跟踪$index'在ng重复中
- ng使用angular.js制作传播动画
- ng使用服务器端处理在数据表中进行剪辑
- ng使用内联编辑重复,如何使第一个(或最后一个)元素的editmode=true
- Angularjs ng使用数组中相同的元素重复动画
- Angularjs ng使用AND条件重复计数已筛选项目
- ng使用coffeescript表多个模板过滤器
- ng使用as别名重复不起作用
- Ng使用angularjs用Json文件重复
- Ng使用生成的字段重复提交表单
- ng使用requirejs时动画无法工作
- ng使用bootstrap重复多行