AngularJS在ng-repeat中决定索引
AngularJS determining the index in ng-repeat
我想实现一个异步跟踪/取消跟踪功能。就像在instagram上,当你拉出你的追随者列表时,每个项目都有一个"关注"/"关注"按钮。为简洁起见,我使代码简单。我用离子框架
我在视图中的代码:
<ion-list>
<ion-item ng-repeat="user in users">
<span ng-click="followUser(user.id, indexHowTo??)">Follow</span>
<p>{{user.name}}</p>
</ion-item>
</ion-list>
$scope.followUser = function(userid, indexHowTo) {
var to_from = {
to_user: userid,
from_user: $localStorage.CurrentUser.id
}
UserService.FollowUser(to_from, $localStorage.CurrentUser.auth_token)
.success(function(data) {
$scope.users[index].is_following = true; //i'll do something in the view just didn't show for brevity
}).
error(function(error, status) {
//alert(status);
console.log(error);
});
}
实际上根本不需要任何索引,只需在函数中传递user object:
<ion-list>
<ion-item ng-repeat="user in users">
<span ng-click="followUser(user)">Follow</span>
<p>{{user.name}}</p>
</ion-item>
</ion-list>
并这样使用:
$scope.followUser = function (user) {
var to_from = {
to_user: user.id,
from_user: $localStorage.CurrentUser.id
};
UserService.FollowUser(to_from, $localStorage.CurrentUser.auth_token)
.success(function (data) {
user.is_following = true;
}).
error(function (error, status) {
//alert(status);
console.log(error);
});
}
使用$index
。ng-repeat
中的$index
为从0开始的循环的索引。
重复元素的迭代器偏移量(0..length-1)
<span ng-click="followUser(user.id, $index)"
<!-- ^^^^^^^ -->
相关文章:
- 名称输入的索引
- 在jQuery中获取表的行索引
- 测试索引值是否等于某个数字的倍数
- 循环遍历数组中的特定索引
- 按照选项卡索引的顺序循环一个jQuery选择
- 在JavaScript中通过索引从对象数组中获取值
- 尝试在PHP中回显输入文本时出现未定义的索引错误
- 在索引.html和应用.js [node.js] 之间共享变量
- 如何为高图中的区域线创建z索引
- 下拉列表在使用z索引放置在前面后停止工作
- 减去两个索引不同但值相同的整数
- 如何通过所选索引(AngularJS)在模态弹出窗口中显示数据
- Javascript:根据对象的嵌套数组中的值,在数组中查找对象的索引
- 用javascript查询lucene索引
- 使用它更新集合中的嵌套数组's索引
- 如何将ng选项的索引作为angularJs中的值传递给模型
- Javascript获取所有锚链接的索引
- 多维关联数组的最后一个索引
- 传递给 PHP 表单时 JavaScript 动态变量上的未定义索引
- AngularJS在ng-repeat中决定索引