使用angularjs中的ng-repeat访问嵌套数组
发布时间:2020-12-17 07:58:33 所属栏目:安全 来源:网络整理
导读:JSFiddle 我无法访问嵌套集合中的数组图像.为什么我看不到任何输出? 该模型: var obj = [{ "id": "7","date": "1 Jan","images": ["507f42c682882","507e24b47ffdb","507e2aeca02d5","507e2b19663a9"]},{ "id": "7","507e2b19663a9"]}]; 这是带有ng-repeat
JSFiddle
我无法访问嵌套集合中的数组图像.为什么我看不到任何输出? 该模型: var obj = [{ "id": "7","date": "1 Jan","images": ["507f42c682882","507e24b47ffdb","507e2aeca02d5","507e2b19663a9"] },{ "id": "7","507e2b19663a9"] }]; 这是带有ng-repeat的HTMl: <ul> <li ng-repeat="img in item"> <br /> <li ng-repeat="img1 in img.images">{{img1}}</li> </li> </ul> 任何人都能指出我错过的东西吗?
问题是你试图在li元素中重复一个li元素列表,这是无效的HTML.因此,角度不会呈现这一点.
将您的HTML更新为: <ul> <li ng-repeat="img in item"> <ul> <li ng-repeat="img1 in img.images">{{img1}}</li> </ul> </li> </ul> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- Axis2发布调用WebService
- 使用Build.scala进行交叉编译时,如何为每个Scala版本设置不
- angularjs – $dirty vs $invalid:有什么区别?
- 调用WebService时加入身份验证,以拒绝未授权的访问
- bash – 为什么tmux在粘贴多行命令时不插入换行符?
- vs.net 2005中引用webservice的简单方法
- Angular 2错开列表动画
- VisualBox&Vagrant搭建laravel开发环境
- bash脚本可以预先填充提示,并在退出时运行命令吗?
- scala – 使用scopt OptionParser和Spark时的NoClassDefFou