当前位置: 首页 > 面试题库 >

我可以使用ng-repeat遍历AngularJS中的数组吗?

王辉
2023-03-14
问题内容

我在使用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吗?

就我所知,我可以使用,<div ng-repeat="t in [3,4,5,6,7,8]"> </div>但如何将t的值转化为类似的东西:

data-ng-model="modal.data.answer[1].text"

问题答案:

您的编辑以正确的方式进行,您可以轻松地遍历整数列表,只需使用索引的值即可

<div ng-repeat="t in [3,4,5,6,7,8]">
....
data-ng-model="modal.data.answer[t].text"
...

如果您想尝试http://jsfiddle.net/DotDotDot/tweyS/,我做了个小提琴(输入字段只是在此处更改所选值,如代码示例中那样,以便显示正确的字段)

玩得开心



 类似资料:
  • 问题内容: 我的控制器从服务器上抓人: 我的模板每行需要显示三个人。例如,如果它是一个表: 我不确定如何有条件地应用最佳实践的时间或最佳实践。我知道如何通过向控制器添加分组逻辑来做到这一点,但我认为最好将设计逻辑排除在控制器之外。 问题答案: 经过多年的经验积累,很显然,最好的方法是在控制器中将数组拆分为多个块。每次修改原始数组时,都要更新分块数组。

  • 本文向大家介绍angularJS利用ng-repeat遍历二维数组的实例代码,包括了angularJS利用ng-repeat遍历二维数组的实例代码的使用技巧和注意事项,需要的朋友参考一下 最近在做报表的项目,有一种情况是后台返回给我的是一个二维数组,在前台将数据放入到表格中,因为我们用的是AngularJS的前台框架,所以利用ng-repeat来实现: 首先在js中: 在HTML中: 样式一: 样

  • 问题内容: 在我的控制器中,我有如下数据: 现在,此数据是包含键和值的字典。 我可以使用模板中的属性。有什么办法可以遍历键并将它们显示在表格中吗? 数据是这样的 问题答案: 怎么样: 该方法在docs中列出:https : //docs.angularjs.org/api/ng/directive/ngRepeat

  • 问题内容: 您将如何遍历map中的条目,以便可以同时输入条目键和值?例如,我想做这样的事情: 问题答案: 从文档中,我发现此语法有效:

  • 我有一个名为的数组。它包含一系列对象,每个对象都包含一个名为的属性。我想在数组中的每个对象上重复该数组的内容。 如果我重复通过它在单个数组上运行良好。 但是,我想继续重复,就像这样: 等等。 我的(不正确)解决方案当前看起来如下: 在这种情况下,我假设$index将代表递增的整数,但它不起作用。有人能帮忙吗? 提前感谢...

  • 问题内容: 我陷入困境,我有一个这样的对象。 我不会遍历所有这些,所以我有这样的事情。 •东西 • 你好,世界 •您好溢出 •约翰·杜 •惊人的标题 • 谷歌一下 •我还是个孩子 •另一个 •他是我的兄弟 •她是我妈妈 •你永远不知道我是否要生孩子 问题是我不知道这个物体会走多深或里面有什么。因此我将无法手动进行。我在底部提供的小提琴中完成了一个基本的循环,但是我不知道如何自动循环这些循环并创建嵌