我可以使用ng-repeat来遍历AngularJS中的数组吗?
发布时间:2020-12-17 08:11:50 所属栏目:安全 来源:网络整理
导读:我使用AngularJS ng-repeat有一些麻烦。这是我有的: div ng:show="selected == 3" div class="columns" textarea rows="4" data-ng-model="modal.data.answer[1].text" cols="91"1/textarea /div div class="columns" labelExplanation/label textarea rows
我使用AngularJS ng-repeat有一些麻烦。这是我有的:
<div ng:show="selected == 3"> <div class="columns"> <textarea rows="4" data-ng-model="modal.data.answer[1].text" cols="91">1</textarea> </div> <div class="columns"> <label>Explanation</label> <textarea rows="2" data-ng-model="modal.data.answer[1].explanation" cols="91"></textarea> </div> <div class="columns"> <div class="colx2-left"> <span class="label">Correct</span> <input type="checkbox" data-ng-model="modal.data.answer[1].correct" class="check-box"><input type="hidden" value="false" name="Details[0].Correct"> </div> <div class="colx2-right"> <label>Image File</label> <input type="text" data-ng-model="modal.data.answer[1]image" class="full-width"> </div> </div> </div> modal.data.answer数组将始终有六个元素。我可以使用ng-repeat来创建这些HTML,并且甚至重复数组中的[x]数字,并将第一行“selected =”的数字从3增加到8? 据我所知,我可以在[3,4,5,6,7,8]中使用< divng-repeat =“t” < / DIV>但是如何才能将t的值变成如下的东西: data-ng-model="modal.data.answer[1].text"
您的编辑是以正确的方式进行的,您可以轻松地遍历整数列表,您只需使用您的索引值
<div ng-repeat="t in [3,8]"> .... data-ng-model="modal.data.answer[t].text" ... 我想做一个小提琴,如果你想尝试http://jsfiddle.net/DotDotDot/tweyS/(输入字段只是在这里更改选定的值,如你的代码示例,为了显示正确的字段) 玩的开心 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
推荐文章
站长推荐
- bash – Dockerfile – 如何将答案传递给apt-get
- [译] $digest 在 Angular 中重生
- Laravel 5.1.4 + Bootstrap 3.3.5 笔记一:Larav
- nginx – Memcache/Elasticache在内存中保存了
- [MES]制造执行系统(二)
- scala – 播放框架:Dependecy Inject Action Bu
- CentOS Shell常用技巧 find xargs
- 使用BOOTSTRAP创建没有遮罩的可移动dialog
- 冲突的交叉版本后缀(sbt,Scala-STM,Play-JSON)
- angular – WebStorm 2016.3错误:对装饰器的实验
热点阅读