请教在angular里从多维angular2 对象数组组里删除某个angular2 对象数组组的问题

本文讲的是Angular ng-repeat 对象和数组遍历实例_AngularJS,
直接上代码
&!DOCTYPE html&
&meta name=&description& content=&[Ngrepeat in obj and arr]&
直接上代码
&!DOCTYPE html&
&meta name="description" content="[Ngrepeat in obj and arr]"&
&script src="/ajax/libs/angular.js/1.3.14/angular.min.js"&&/script&
&meta charset="utf-8"&
&title&JS Bin&/title&
&div ng-app="myApp"&
&div ng-controller="testCtrl"&{{test1}}
&label for="" ng-repeat="item in list1"&{{item.id}} -- {{item.value}}&/label&
&label for="" ng-repeat="(key, value) in obj1"&{{key}} -- {{value}}&/label&
对于obj遍历的话 会根据key的首字母排序
&label for="" ng-repeat="(key, value) in obj2"&
{{key}} -- {{value.text}} -- {{value.value}}
var app = angular.module(‘myApp‘, []);
app.controller(‘testCtrl‘, function ($scope) {
$scope.test1 = ‘tt‘;
$scope.list1 = [{
id: ‘1‘,
value: ‘seti‘
id: ‘2‘,
value: ‘kuma‘
id: ‘3‘,
value: ‘cent‘
$scope.obj1 = {
‘1‘: ‘seti‘,
‘2‘: ‘kuma‘,
‘3‘: ‘cent‘
$scope.obj2 = {
‘ins‘:{text:‘seti‘, value:‘s1‘},
‘abc‘:{text:‘kuma‘, value:‘s2‘},
‘coln‘:{text:‘cent‘, value:‘s3‘}
以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索angular
对象和数组遍历
angularjs ng repeat、angularjs中ng repeat、angularjs的ng repeat、angularjs repeat、angularjs repeat嵌套,以便于您获取更多的相关知识。
弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率
稳定可靠、可弹性伸缩的在线数据库服务,全球最受欢迎的开源数据库之一
6款热门基础云产品6个月免费体验;2款产品1年体验;1款产品2年体验
开发者常用软件,超百款实用软件一站式提供
云栖社区()为您免费提供相关信息,包括
的信息,还有angularjs ng repeat、angularjs中ng repeat、angularjs的ng repeat、angularjs repeat、angularjs repeat嵌套等
,所有相关内容均不代表云栖社区的意见!随笔- 105&
评论- 225&
&&&&&&&&&&&
1:js中的splice方法
  splice(index,len,[item])&&& 注释:该方法会改变原始数组。
splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值
index:数组开始下标&&&&&&&&len: 替换/删除的长度&&&&&& item:替换的值,删除操作的话 item为空
如:arr = ['a','b','c','d']
删除 ----& item不设置
arr.splice(1,1)&& //['a','c','d']&&&&&&&&&删除起始下标为1,长度为1的一个值,len设置的1,如果为0,则数组不变
arr.splice(1,2)& //['a','d']&&&&&&&&& 删除起始下标为1,长度为2的一个值,len设置的2
替换 ---- item为替换的值
arr.splice(1,1,'ttt') & & && //['a','ttt','c','d'] & & & & 替换起始下标为1,长度为1的一个值为&ttt&,len设置的1
arr.splice(1,2,'ttt') & & && //['a','ttt','d'] & & & & 替换起始下标为1,长度为2的两个值为&ttt&,len设置的1
添加 ----& len设置为0,item为添加的值
arr.splice(1,0,'ttt') & & && //['a','ttt','b','c','d'] & & & & 表示在下标为1处添加一项&ttt&
看来还是splice最方便啦
2:delete&&&&&& delete删除掉数组中的元素后,会把该下标出的值置为undefined,数组的长度不会变
如:delete arr[1]& //['a', ,'c','d']&&&&&中间出现两个逗号,数组长度不变,有一项为undefined
还有其他几种自定义方法,参考
阅读(...) 评论()问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
评论展示是ng-repeat,comment in comments。有删除评论功能,ng-click之后,把comment传到删除函数里,然后从comments里把这个comment删掉,这个删除的语句应该怎么写呢?谢谢!
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
&div ng-repeat='comment in comments' ng-click='del($index,comments)'&{{comment}}&/div&
$scope.delete=function(key,arr){
arr.splice(key,1);
分享到微博?
Hi,欢迎来到 SegmentFault 技术社区!⊙▽⊙ 在这里,你可以提出编程相关的疑惑,关注感兴趣的问题,对认可的回答投赞同票;大家会帮你解决编程的问题,和你探讨技术更新,为你的回答投上赞同票。
明天提醒我
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因(请补充说明)
我要该,理由是:问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
app.controller("mainCtrl",['$scope',function($scope){
$scope.datas=[{"name":"tom","age":22},{"name":"mary","age":36},{"name":"john","age":63}];
var arr=$scope.
$scope.datas[0].country="China";
console.log(arr[0]);
现在,我想给第二个对象,添加一个属性:
"addr":"中国",,如何实现呢?
下载这种方法,会出现 错误 [ng:areq] Argument 'mainCtrl' is not a function, got undefined
当去掉$scope.datas[0].country="China";,程序就正常了,说明这种写法不妥!如何写呢?
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
arr[2].addr="中国"
分享到微博?
你好!看起来你挺喜欢这个内容,但是你还没有注册帐号。 当你创建了帐号,我们能准确地追踪你关注的问题,在有新答案或内容的时候收到网页和邮件通知。还能直接向作者咨询更多细节。如果上面的内容有帮助,记得点赞 (????)? 表示感谢。
明天提醒我
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因(请补充说明)
我要该,理由是:请问关于AngularJS里数组对象的使用例子问题
请问关于AngularJS里数组对象的使用例子问题
self.getNoteClass = function(status) {
done: status,
pending: !status
我在书中遇到这样一个用法,传入参数必须是true或false,然后传入true就是返回done,false就是返回pending。
我想问下这种用法是angularjs里的特殊用法吗?表示不理解,请大神解答,谢谢!
PS:下面这个我自己写的例子是我比较能理解的一个较简单清楚的使用方式。
self.getClassname = function(string) {
var obj = {
'1' : even,
return obj[string];
I guess this is meant to be used in conjunction with the ng-class built-in directive, in which case, the className done will be applied to the element when status is true, and className pending will be applied to the element otherwise.
You may see the "Map Syntax Example" section in the
for reference.
Copyright & 2016 phpStudy}

我要回帖

更多关于 angularjs 多维数组 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信