在ng-repeat中循环两个数组
是指在AngularJS的ng-repeat指令中使用嵌套数组进行循环迭代的操作。
具体的实现方式是通过在ng-repeat指令中使用嵌套的ng-repeat指令来循环遍历两个数组。首先，我们需要定义两个数组，例如array1和array2，并在ng-repeat指令中分别使用这两个数组进行循环遍历。
以下是一个示例代码：
<div ng-repeat="item1 in array1">
<div ng-repeat="item2 in array2">
{{item1}} - {{item2}}
</div>
</div>在上述示例中，第一个ng-repeat指令循环遍历array1数组中的元素，每次循环迭代时都会执行嵌套的ng-repeat指令。嵌套的ng-repeat指令则会循环遍历array2数组中的元素。通过使用{{item1}}和{{item2}}来展示两个数组的元素。
这样，就可以实现在ng-repeat中循环两个数组的操作了。
对于在腾讯云上进行相关开发和部署，可以使用腾讯云提供的云服务器（CVM）来运行应用程序，并使用对象存储（COS）来存储数据。另外，如果需要使用数据库，可以选择腾讯云的云数据库（CDB）服务。更多关于腾讯云产品的信息，请参考腾讯云官方文档：腾讯云产品文档。
相关·内容
我的Angular应用程序中的刷新按钮有一个问题：
我有一个json对象，里面有两个数组-> data = {array1: [], array2: []}
我想循环两个数组并打印相关的值。为了实现这一点，我使用如下的Angular ng-repeat指令：
ng-repeat="index in [] | index:getTotalNumberOfObjectsInArray1()"
...
<span ng-bind="data.array1[index]"></span>
<span ng-bind="data
浏览 0提问于2015-06-24得票数 1
我在一个ng-repeat中有一个ng-repeat。我正在努力获取这两个级别的索引，但无法：
<tbody>
<tr ng-repeat="element in body">
<td ng-repeat="h in header" style="width:{{h.width}}px">
<div col="{{$parent.$parent.$index}}" row="{{$parent.$index}}">{{element
浏览 1提问于2014-03-26得票数 7
回答已采纳
2回答
下面给出我的json数据，
person = ["name": "Alex", "Cities": [{"1": "Boulder"}, {"2": "Longmont"}, {"5": "Denver"}]]
我用来迭代所有城市，如下所示，
<div id="information">
<div ng-repeat="city in person.Cities" >
<
浏览 1提问于2014-03-20得票数 0
1回答
我正在尝试为嵌套的ng-repeat获取唯一值
这里有两个我正在使用的作用域
$scope.AllGames = [
{ title: "Doom", productCode: "458544", id_product: "1" },
{ title: "Wolvenstein", productCode: "457104", id_product: "2" },
{ title: "Quake", productCode: "32542687"
浏览 11提问于2018-01-25得票数 2
3回答
在我的index.html文件中，我们使用两个ng-repeat文件从data.json获取数据。
在这种方法中，每个数据都创建了重复的DOM。
如何在index.html中使用单ng-repeat而不是双ng-repeat。
<div ng-repeat="x in userdata">
<item data="y" ng-repeat="y in x.content"></item>
</div>
浏览 0提问于2016-11-21得票数 1
1回答
我试图一次显示N个项目中的一大堆项目。我需要将项目分块，因为标记必须是表格/网格的(每组N个项目有一行，然后每个项目有一列)。下面是一个简化的尝试：
app.filter('inGroupsOf', function () {
return function (input, groupSize) {
if (!input) {
return [];
}
var result = [];
for (var index = 0; index < input.length; inde
浏览 4提问于2013-04-24得票数 2
回答已采纳
我想做一件像这样的事：
<tbody>
<tr ng-repeat="item1 in list1 " ng-repeat="item2 in list2" >
<td>{{item2.a}}</td>
<td> {{item1.b}}</td>
<td> {{item2.c }}</td>
<h3> <td> {{item1.d}}</td><
浏览 2提问于2015-04-28得票数 2
回答已采纳
1回答
如果我有一个通过一次绑定迭代列表列表的ng-repeat指令，那么通过每个内部列表的嵌套ng-repeat是否也需要一次绑定，还是这是多余的呢？
<div ng-repeat="list in ::$ctrl.lists">
<span ng-repeat="item in list">{{item}}</span>
</div>
我是否需要将内部ng-repeat更改为item in ::list？$ctrl.lists永远不会以任何方式改变。
浏览 1提问于2018-04-18得票数 0
回答已采纳
我有一个项目列表和ng-repeat在页面中显示它们。以下是简化后的结构：
[
{
"id": "elem-1",
"position": {
"row": 1,
"column": 1
}
},
{
"id": "elem-2",
"position": {
"row": 2,
"column": 1
}
浏览 8提问于2017-02-04得票数 0
回答已采纳
以下html：
<div ng-repeat="item in items()">
<input type="checkbox" ng-model="anObject[item.name]">
</div>
我希望访问一个依赖于我在控制器中定义的item.name中的$scope.anObject的属性。我该怎么做？上面的尝试不起作用，下面的尝试也不起作用。
<div ng-repeat="item in items()">
<input type="c
浏览 1提问于2015-02-21得票数 0
回答已采纳
我想使用ng-repeat，但是我需要一个特定的分页起始位置。
我的代码如下所示：
<div class="panel panel-default" ng-repeat="hotel in hotels | filter:search | orderBy:sortBy.Name :order.reverse | limitTo:itemsPerPage">
我在limitTo(ex:5) directive中使用ng-repeat。如何设置启动index的ng-repeat
浏览 2提问于2015-03-12得票数 0
有没有可能
<tbody ng-repeat="Emp in Employees" ng-repeat="Dept in Department">
<td> <span>{{Emp.id}}</span></td>
<td> <span>{{Emp.name}}</span></td>
<td> <span>{{Dept.Deptid}}</span></td>
</t
浏览 1提问于2015-03-20得票数 0
回答已采纳
2回答
<ul ng-repeat="cate in restaurant.categories"><li>{{cate}}</li>
<li ng-repeat="menuItem in restaurant.menuItems" ng-show="menuItem.category == cate">{{menuItem.name}}</li></ul>
我想要一个ng-重复循环在另一个，并显示菜单，只有当menuItem是在类别。我只有第一个类别循环中的项目，所有其他类
浏览 5提问于2015-10-06得票数 0
回答已采纳
数组在数据中的位置如下：
$scope.persons = [{
cc:["abqwQe12c", "iu63enWzy", "dj101OQaQ"]
},
{
cc:["erie1wka", "irt2naszsd", "riger1OQ"]
}]
在html中，当调用类似于这个{{person.cc}}的时候，它显示为一个数组。但下面什么都没有。
<div ng-repeat = "person in persons">
<div ng-repea
浏览 5提问于2016-01-21得票数 0
回答已采纳
这是我的控制器
var i;
for (i = 1; i <= 3; i++ ) {
$scope["items"+i].push({
notification: item.notification,
admin_id: item.admin_id,
user_id: item.user_id,
chat_time: item.chat_time
})
}
这是我在ng-重复中的静态范围
<ul>
<li ng-repeat="x in items1"></l
浏览 2提问于2016-06-14得票数 0
回答已采纳
3回答
我正在尝试从获取两个随机口袋妖怪的数据。我可以很好地获取数据，但是我的angular $scope变量正在用第二个精灵覆盖第一个精灵，而不是同时存储两个精灵：
$http.get(endPoint)
.then(function(res){
$scope.pokemonName = res.data.name; // only one 'pokemonName' in $scope
});
你可以在视觉上看到口袋妖怪被加载和显示不正确(两个相同的神奇宝贝而不是两个不同的) 。
我可以手动声明两个独立的$scope变量，例如：
$scope.pokemon
浏览 15提问于2016-09-20得票数 0
回答已采纳
我有一个用ng-repeat显示的项目列表。我想要添加一个过滤器来显示/隐藏存档的项目。
我添加了一个复选框：
<input type="checkbox" ng-model="queryFilter.archived">Show archived messages
在我的控制器里我有这样的东西：
$scope.queryFilter = {
archived: false
};
我的项目列表显示在表中。我试过以下几种方法：
<tr ng-repeat="message in messages | filter : queryF
浏览 6提问于2016-05-22得票数 6
回答已采纳
2回答
我刚刚开始学习使用Angular.js，但我搞不懂这个：
我想显示数组中的项，其中所选的value ="song.title"与数组中的song.title匹配。
这是我的密码
<select>
<option ng-repeat="song in songs.tracks">{{song.title}}</option>
</select>
现在，我想在下面显示更多选定的歌曲数组：
<section ng-repeat="song in songs.tracks">
浏览 2提问于2015-01-24得票数 0
回答已采纳
2回答
我在不同的作用域中有不同的响应，我需要在两个作用域中检查ng-repeat中的值。
例如：
$scope.abc = data;
$scope.def = data;
<div ng-repeat = result in abc || mresult in def></div>
但是ng-repeat可能失败了，或者没有工作，有什么方法可以处理这个问题吗？
浏览 1提问于2014-08-20得票数 0
1回答
我的函数中有一个具有当前id的名称的数组：
$scope.expand = function(hodid, supid, leader_id, staff_id, importance){
var tr_id = 'expand_tree_'+hodid;
在控制台输出中，它将如下所示：expand_tree_1000321 --这就是我的数组最终的样子：
$scope[tr_id] = {firstLevel:[$scope.firstLevelLst], secondLevel:[$scope.secondLevelLst], thirdLevel:[data_th
浏览 0提问于2018-10-24得票数 2
回答已采纳
我正在尝试使用ng-model“在”一个ng-repeat指令中，该指令本身嵌套在一个ng-repeat指令中。
下面的jsfiddle演示了我的问题和我解决它的两次尝试。
My Controller的定义如下：
var mod = angular.module('TestApp', []);
mod.controller('TestCtrl', function ($scope) {
var machine = {};
machine.noteMatrix = [
[false, false, false],
[false,
浏览 35提问于2013-04-12得票数 17
回答已采纳
我有一个生成几个输入的循环(ng-repeat)和另一个生成其他输入的循环。我的问题是:如果第一个循环的输入有数据或没有数据，我需要在函数中启用或禁用第二个循环的输入。下面是我的代码：
<md-input-container class="md-block" ng-repeat="rec in recursos">
<label>{{rec.title}}</label>
<input type="text" name="rec" ng-model="rec.des
浏览 2提问于2017-08-03得票数 0
回答已采纳
我有这样的两个ng-repeats
<div ng-repeat="i in items1" ng-if="i.name == 'abc'">
<input name="iName[{{$index}}].ele" value="" />
</div>
<div ng-repeat="i in items2" ng-if="i.name == 'abc'">
<input name="iNa
浏览 2提问于2014-05-22得票数 0
这是我的代码:在这段代码中，我的ng-repeat不起作用
<br/>
<h3>Looping with ng-repeat directive</h3>
<ul>
<li data-ng-repeat="name in names init">{{names}}</li>
</ul>
</div>
<script src="an
浏览 1提问于2014-03-22得票数 0
5回答
这是否有可能实现这样的代码：
<tr ng-repeat="data in dataArray,value in valueArray">
{{data}} {{value}}
</tr>
我有两个数组，我想在单行中显示它们。
PS:我不是在要求语法。我在寻找逻辑来实现这一点。
谢谢
比如:- "“
浏览 3提问于2015-01-12得票数 9
回答已采纳
我是新的角度(目前使用1.4.6)。我使用ng-重复来迭代一个JSON对象数组。在迭代时，我希望在第二个数组中找到一个匹配项，并显示这两个数组中的一些信息。下面是一个简化的示例：
<div ng-app="myApp" ng-controller="jsCtrl">
customers: <pre>{{customers | json}}</pre>
cars: <pre>{{cars | json}}</pre>
<div ng-repeat="customer in customer
浏览 0提问于2018-01-31得票数 1
回答已采纳
嗨，有没有人可以帮我解决下面的问题？
目前我正从AngularJS获得JSON响应。
$scope.bepValues = $scope.aftCnv.Events.Event;
当我在Events标签中只有1个事件时，我在使用Ng-Repeat时遇到了问题。但当我在事件数组中获得1个以上的事件时，同样也是有效的。
<tr ng-repeat="list in bepValues">
<td class="features" >{{list.Body.WorkOrder.OrderStatus}}</td>
具有1Even
浏览 3提问于2016-10-13得票数 0
3回答
使用AngularJS，我使用两个ng-repeat，并将属性与ng-if匹配。第一个ng-repeat循环了近250个对象，对象数组如下：
[{
"Title": "First1 Last1",
"FirstName": "First1",
"LastName": "Last1",
"ID": 29
}, {
"Title": "First2 Last2",
"FirstName": "First2&#
浏览 3提问于2018-05-01得票数 1
回答已采纳
$scope.radiolabels={
Name:"",
type:"radiobtns",
rbtn:[{
Name:"",
order:$scope.order
}]
};
如何迭代objct及其rbtn.我的意思是，在第一个div中，我们必须迭代对象，在第一个
浏览 0提问于2015-10-30得票数 0
我在ng-重复的帮助下实现了一个表。我在数组中调用多个对象。因此，一个对象有两个键值，但位置可能会发生变化。然后我要设置键值的位置。
angular.module('appTest', [])
.controller("repeatCtrl", function($scope) {
$scope.predictediveData =
[
{
"mark": 0.99999,
"class": "NONE"
},
浏览 2提问于2018-01-31得票数 2
回答已采纳
2回答
我需要比较ng-repeat内部的值。如何比较ng-repeat内部的前一个值和当前值。我有一个数组，它的值为2,3。我想要比较数组的第二个值和第一个值。该怎么做呢？
更新：我正在显示当前的月份和日期以及接下来的七天。现在如果在接下来的七天里有新的月份，我的意思是在十二月之后的一月，我需要在这个月的日期之前包括这个月。
快递：：12月30日，Wed 31，清华1月1日，周五2.
所有代码都在这里：：
<div class="row" style="text-align:center;background-color: #930d14; color: white;
浏览 3提问于2015-01-05得票数 1
我有一个ng-repeat，我正在试着得到一个特定的订单。我看到我可以使用属性列表进行排序：
ng-repeat="client in clients | orderBy: ['isOpen', 'lastAccessTime']"
我的问题是，如何配置升序和降序？
我想在isOpen上使用DESC进行主要排序，在lastAccessTime上使用ASC进行辅助排序。如何在我的ng-repeat中实现这一点
编辑:我在下面试过了，但是当两个项目都是isOpen时，最高的lastAccessTime不在顶部：
ng-repeat="clie
浏览 0提问于2014-01-31得票数 2
1回答
在上面的小提琴，我试图让用户添加一个新的开放时间，当他们按下新的项目按钮。我遇到的问题是，当单击按钮时，它会更新ng重复中的两个事件，而不是打开当前事件。
<ul>
<li ng-repeat="event in orgEvents">
<h3>Event ID: {{event.CampaignEventID}}</h3>
<h2>Event Name: {{event.Name}}</h2>
<ul>
浏览 1提问于2015-06-26得票数 1
回答已采纳
我正在学习AngularJS 的教程，在最后，我遇到了一个小挑战，如何制作一个带有额外ng-repeat的8x8表。
我已经想出了暴力解决方案，但它非常笨拙。我将如何改进此解决方案并获得最佳方法？
<table>
<tr><th ng-repeat="i in [0,1,2,3,4,5,6,7]">{{i}}</th></tr>
<tr><th ng-repeat="i in [0,1,2,3,4,5,6,7]">{{i}}</th
浏览 9提问于2019-08-10得票数 0
回答已采纳
3回答
我是通过按add button来动态地添加输入
这样你就可以检查我的问题了。
每次我按下我提到的按钮时，都会出现一个新的输入，正如您所看到的，在相同的视图中，有两个表单/框是由一个ng-repeat生成的，具有单独的输入和一个单独的add more按钮，问题是当我按下该按钮时，有两个新的输入出现在我所拥有的两个不同的表单中，这是不应该发生的，新的输入必须只以当前的形式添加。
<div>
<div ng-repeat="op in operation track by $index">
<p>{{
浏览 1提问于2015-05-28得票数 3
回答已采纳
1回答
我在一个类似如下的对象数组上使用ng-repeat：
var objects = [
{
name: 'test',
id: 1234,
category: 'a'
},
{
name: 'sample',
id: 4567,
category: 'b'
},
{
name: 'example',
id: 7890,
category: 'a'
}, ...
];
<p ng-repeat=
浏览 2提问于2015-11-06得票数 0
3回答
我正在建一张桌子，我的桌子有两个ng-repeat。
我的问题是，ng-repeat的子类是否有可能获得父ng-repeat的索引。例如：
<tbody>
<tr ng-repeat="company in companies">
<td ng-repeat="product in company">
company # = {{the company index}} and product {{$index}}
</td>
</tr&g
浏览 4提问于2015-01-16得票数 0
回答已采纳
我需要在页面的不同部分输出来自相同ng-repeat的数据的两个列表。例如：
// list # 1
<ul ng-repeat="item in items track by item.id">
<li ng-bind="item.name"></li>
</ul>
// list # 2
<ul ng-repeat="item in items track by item.id">
<li ng-bind="item.color"><
浏览 0提问于2015-11-05得票数 2
2回答
如何限制安古拉杰中的物体-重复？
、、、、
我的$scope值:我在$scope.articles中获取数组值
示例：$scope.articles值如下所示：
[
{
date: 'some',
category: [ {name: "Sports"}, {name: "News"}, {name: "Cinema"} ]
}
]
我的桌景：(翡翠)
table
tbody
tr
th Date
th Categories
tr(ng-repeat='article in articles
浏览 1提问于2018-08-29得票数 0
我正尝试在ng-repeat中动态加载一个模板
<ul>
<li ng-repeat="prop in entity" >
<div ng-include src="prop.template"></div>
</li>
</ul>
prop.template等于模板的URL，例如'partials/form/text.html'。上面的代码产生了以下错误：
Error: 10 $digest() iterations reached. Abo
浏览 2提问于2012-09-11得票数 2
回答已采纳
我使用ng-repeat来创建表：
ng-repeat="equipment in equipments | filter: equipmentFilter | dateFilter: dateStart: dateEnd | pageFilter: currentPage * pageSize | limitTo: pageSize"
我需要得到：
(equipments | dateFilter: dateStart: dateEnd | filter: equipmentFilter).length
更新分页功能中的总页数。我试过了：
ng-init="equip
浏览 3提问于2017-07-04得票数 1
回答已采纳
1回答
我正在尝试ng-repeat收集，但我不能得到正确的。
请注意，我需要获得分配给deptData的st-safe-src，因为有一些东西我想尝试，我需要它来测试它是否工作。谢谢
后续问题是否得到解决：
我想要实现的是让select过滤器在多个表上工作。如您所见，table是重复的，依赖于dept in deptData。
我收到一个错误：Error: [ngRepeat:iidexp]
对象
[
{
dept: "CASHE",
data: [
{
violationName: "No ID&
浏览 5提问于2018-03-28得票数 1
我想在控制器中迭代从Firebase接收到的所有项，但我不能-console.log(项)什么都不显示。
我的代码：
var URL = "https://project.firebaseio.com/link";
var ref = new Firebase(URL);
$scope.link = $firebaseArray(ref);
$scope.link.$loaded().then(function(list){
console.info(list);
list.forEach(function(item){
console
浏览 2提问于2015-05-13得票数 0
3回答
我试图在嵌套的ng-重复循环中更新父作用域，但它不起作用！我已经用了两个小时了！
这是我的嵌套循环：
<div ng-repeat="input in config" style="border: 1px solid #000;">
<div ng-repeat="inputProperty in input.inputStyle" style="border: 1px solid #000;">
<input type="text" style="{
浏览 6提问于2014-08-18得票数 0
回答已采纳
我有两个硬编码的可扩展行，它们工作得很好。但是，当我尝试引入ng-repeat时，行将不再展开。
工作版本：
ng-repeat版本：
在ng-repeat版本中，我所做的就是删除第二行，在标题上引入ng-repeat和完成ng-binding ...
<div class="row" ng-repeat="tut in demo.tutorials">
<div class="col-md-2"></div>
<div class="col-md-8">
浏览 0提问于2019-05-06得票数 0
我想引用下一个元素，这在ng-repeat指令中是可能的吗？
<li ng-repeat="row in rows">
if {{row.someValue}} === {{row+1.someValue}}
//Is it poss to check if the following row so I can do some kind of conditional comparison ?
</li>
感谢W
浏览 4提问于2014-10-28得票数 1
我对角很陌生。我有一些代码使用ng-重复。
这是html：
<div ng-controller="myCtrl">
<h2>Testing ng-repeat and sortable table</h2>
<table>
<tbody ui-sortable ng-model="list">
<tr ng-repeat="item in list" style="cursor: move;">
<td>
浏览 7提问于2014-01-12得票数 0
回答已采纳
<div class="card" ng-repeat="a in result.products">
<img style="margin-top:-15px;height: 146px;width: 109.9%;margin-left: -16px;" src="./img/Final1.jpg">
<p style="font-weight:bold;">
{{a.name}}
</p>
<p style="font-weig
浏览 3提问于2015-10-28得票数 0
我正在努力寻找将两个数组连接在一起的最佳方法，我想应该是嵌套的ng-重复。这是我现有的数据(非常简短的例子)；
GameGenre Table
ID | Genre
1 | Action
2 | First Person Shooter
3 | Adventure
Game Table
ID | IDGenre | Name
1 | 1 | SpiderMan
2 | 1 | Batman
3 | 2 | Wolfenstei
浏览 0提问于2018-07-16得票数 0
回答已采纳
我是AngularJS的新手。我正在开发一个包含两个类似块的页面，但我并不真的想对这些块使用ng-repeat。问题是，在它们的ng-click、ng-class和其他指令中，我需要使用一些变量来标识块。有没有办法在父div中设置一次，然后在子div中使用？如下所示：
<div ng-var="Potatoes">
<button ng-click="buy($parent.var)">Buy</button>
<span>This is a {{$parent.var}}</span>
浏览 1提问于2015-08-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
