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

用ng-repeat同时循环多个数组

唐修能
2023-03-14
问题内容

我可以仅ng-repeat在AngularJs中使用一个数组同时遍历两个数组吗?如果是这样,那又如何?

例如我有两个数组

array1 = [1,2,3,4,5]

array2 = [6,7,8,9,10]

它应该能够为两个数组产生相同的索引。


问题答案:

如果要使用第一个数组的索引访问第二个数组,请尝试以下操作:

$scope.arr1 = [1, 2, 3, 4, 5]
$scope.arr2 = [6, 7, 8, 9, 10]

<div ng-repeat="number in arr1">
    Number from array1 = {{number}}
    Number from array2 = {{arr2[$index]}}
</div>

看到这个小提琴:http :
//jsfiddle.net/dm9zhgx9/



 类似资料:
  • 问题内容: 无论如何,有没有一项要计数,然后在循环之外显示呢? 我曾经尝试过没有成功,因为我认为每次都压倒一切。 无论如何,在我的控制器中未执行任何功能就可以做到这一点吗? 问题答案: 在ng-repeat中初始化的代码将具有不同的作用域,并且无法在循环外部访问。 试试这个:

  • Angularjs ng用div标记重复。。我有一个带有div标记的代码,如图所示。。我想重复整个div,在第二个循环中img src是不同的。。如何使用angularjs中的ng repeat指令执行此操作?

  • 问题内容: 嘿,我有这段代码: 它可以工作,但是我想在循环中添加一些额外的条件,例如: 我怎样才能做到这一点? 问题答案: 使用(或): 附加到元素,这将决定是否显示它。 ng- if的 文档可以在此处找到。 但是,如果只想在循环第一个或最后一个项目时执行某项操作,则也可以使用和的属性。这些已用ng- repeat记录 。可以这样使用:

  • Repeat loop一次又一次地执行相同的代码,直到满足停止条件。 语法 (Syntax) 在R中创建重复循环的基本语法是 - repeat { commands if(condition) { break } } 流程图 (Flow Diagram) 例子 (Example) v <- c("Hello","loop") cnt <- 2 repeat {

  • 问题内容: 我正在尝试处理ng-repeat循环内的范围问题-我浏览了很多问题,但还无法使我的代码正常工作。 控制器代码: 视图: 这是一个小提琴:http : //jsfiddle.net/cyberwombat/zqTah/ 基本上,我有一个包含多行文本的对象(这是一个传单生成器)。用户可以调整每行文本(文本,字体,大小,颜色等),我想为其创建预览。上面的示例仅显示了输入文本的输入字段,我希望

  • 问题内容: 我正在寻找一种向表添加行的方法。我的数据结构如下所示: 我想创建一个看起来像这样的表: angular js ng-repeat有可能吗?如果没有,那将是一种“成角度的”方式呢? 编辑:展平数组将是一个不好的解决方案,因为如果我可以遍历子元素,我可以在单元格,其他css类等中使用不同的html标签。 问题答案: 您将无法使用ng-repeat做到这一点。但是,您可以使用指令来实现。 小