在具有多个数组的数组上重复ng-repeat
是指在AngularJS中使用ng-repeat指令来循环遍历一个包含多个数组的数组，并将其内容渲染到页面上。
具体来说，ng-repeat指令可以用于在HTML模板中重复渲染一段HTML代码，以展示一个数组中的每个元素。当我们有一个包含多个数组的数组时，可以通过嵌套使用ng-repeat指令来实现对每个数组的遍历。
以下是一个示例代码：
<div ng-repeat="array in arrayOfArrays">
<div ng-repeat="item in array">
{{ item }}
</div>
</div>在上述代码中，我们首先使用外层的ng-repeat指令来遍历包含多个数组的数组arrayOfArrays。然后，在内层的ng-repeat指令中，我们遍历每个数组array中的元素，并将其渲染到页面上。
这种方式可以用于展示多个数组的数据，例如一个包含多个学生的班级列表，每个学生又有多个课程的成绩记录。通过嵌套使用ng-repeat指令，我们可以方便地展示和处理这样的数据结构。
在腾讯云的产品中，可以使用云函数 SCF（Serverless Cloud Function）来实现类似的功能。SCF是一种无服务器计算服务，可以帮助开发者在云端运行代码，无需关心服务器的搭建和维护。通过编写云函数，可以方便地处理和展示多个数组的数据。
更多关于腾讯云函数 SCF 的信息和使用方法，可以参考腾讯云官方文档：腾讯云函数 SCF
相关·内容
2回答
我正在修改我的问题，因为我之前无法得到一个适当的解决方案。
我有一个数组products_page= "7“，"8"，"6"，"9"，"5"，"7"，"8"，"9"，"8"，”7“
每次基于json值进行下表的ng重复时，图像标签(注释为:请注意此图像标签需要重复)需要在第一个ng-repeat上重复7次，在第二个ng-repeat上重复8次，在第三个ng-repeat上重复6次，依此类推。
<table class="table table-b
浏览 1提问于2014-04-14得票数 0
2回答
我不知道如何获得我的headerRow的范围，以便当我正在重复行时，它知道有多少行可以得到正确的偏移量。
<table class="table">
<tr>
<th ng-repeat="header in headerRow">{{ header }}</th>
</tr>
<tr ng-repeat="row in fewRows">
<td>{{ row[need this to be the
浏览 1提问于2014-08-21得票数 0
回答已采纳
1回答
子过滤器收集
、、、
我有以下虚构的对象，我正在尝试过滤：
{
"0":{
"boy":{
"age":"32",
"name":"Daniel Grey"
}
},
"1":{
"boy":{
"age":"23",
"name":"John
浏览 2提问于2014-09-06得票数 3
回答已采纳
3回答
我正在创建一个包含多个选项卡的网站，其中之一是列出元素，这是Product。我遇到了“ng-重复”的问题，我想根据标签上的角表填充HTML，它在第一次加载时工作得很好，但是如果我转到另一个选项卡，然后再在product选项卡上重复，“ng-重复”重复一次，它会与第一个选项卡叠加。
示例： Firstload:苹果和草莓都装得很好。第二，我现在有苹果，草莓和苹果，草莓等等。
<slick dots="true" prev-arrow="null" next-arrow="null" init-onload="true" da
浏览 0提问于2016-06-27得票数 0
回答已采纳
angular.module("myApp",[])
.controller("myCtrl",function($scope) {
$scope.persons = [{name:"teja",age:11},
{name:"Ash",age:12},
{name:"teja",age:11}];
});
角不允许
浏览 4提问于2017-03-08得票数 0
回答已采纳
在js中有一个递归数组：
[{
type: 'cond',
conditionId: 1,
conditions: undefined
},
{
type: 'cond',
conditionId: 2,
conditions: undefined
},
{
type: 'group',
conditionId: undefined,
conditions: [{
type: 'cond',
conditionId: 3,
conditions: undefi
浏览 4提问于2016-03-17得票数 4
回答已采纳
1回答
在ng-重复对象上使用本机绑定会产生什么影响？例如：
ng-repeat="data in ::stuff"
这是否意味着“物品”中的每一项都被观察者删除了？还是仍然需要对重复中的每个子绑定应用绑定一次，就像这样？
<div ng-repeat="data in ::stuff">
<span ng-bind="::data.thing"></span>
</div>
浏览 4提问于2015-11-16得票数 0
回答已采纳
5回答
我也想重复json数据。我有如下数据：
杰森：
{
"birds":{
"birdInfo":[
{
"name":"parrot",
"color":"green"
},
{
"name":"peacock",
"co
浏览 6提问于2015-10-09得票数 0
回答已采纳
2回答
我正在尝试(仍在学习)获取NG的值--NG外部的重复表达式--重复，并将其用作类中的值。这是NG-重复部分(我简化了它)：
Classiccds是我从JSON获得的数组，颜色代码是内部的颜色，每个cd都有不同的颜色代码。
<div ng-repeat="cd in cds = (classiccds | limitTo:1)">
<div>{{cd.colorcode;}}</div>
</div>
结果：#ffffff
上面的内容很好，它返回数组中第一张cd的颜色代码，但我也希望在页面背景(因为它只返回一行)上的数组之外的其
浏览 3提问于2016-04-13得票数 1
回答已采纳
我试图对这个对象数组使用ng-重复，但无法显示正确的名称-值对。
var names = [
[{name: "Name 1", age: 25}, {name: "Name 2", age: 20}],
[{name: "Name 3", age: 50}, {name: "Name 4", age: 40}],
[{name: "Name 5", age: 20}, {name: "Name 6", age: 40}]
];
这可以显示对象数组的整个数组：
<p ng-repeat=
浏览 2提问于2015-09-03得票数 1
回答已采纳
3回答
我有一系列的产品，我正在重复使用ng重复和正在使用
<div ng-repeat="product in products | filter:company_filter">
过滤器正在工作，但我想把一些参数传递给我的过滤器，比如产品类型，.
我该怎么做？
浏览 2提问于2017-10-10得票数 1
回答已采纳
1回答
前言：
<input type="tel" ng-model="people" placeholder="6" maxlength="2">
</label>
<ion-item>
{{people}}
<i class="ion-man icon-large paddin
浏览 3提问于2014-04-23得票数 0
回答已采纳
我已经创建了两个自定义指令- node和specialNode
<node data="currentNode" specialNodes="specialNodesArray"
ng-repeat="currentNode in nodesArray">
</node>
<specialNode ng-repeat="currentNode in specialNodesArray">
</specialNode&
浏览 3提问于2014-01-13得票数 3
1回答
像这样写ng-重复有什么区别吗？
<div ng-repeat="item in getItems()">
这是：
<div ng-repeat="item in items">
假设getItems看起来是这样的：
$scope.getItems = function() {
return Object.values(objA).concat(Object.values(objB));
}
在另一种情况下，每次items和objB更改时，我都要维护数组
浏览 2提问于2018-01-16得票数 1
回答已采纳
我正在从事一个项目，在这个项目中，我从Google中填充了一些JSON，并将这些数据发送到用AngularJS编写的前端。
现在，我在一张来自ng-repeat材料的卡片上使用AngularJS，我想不出一种像Google那样实际填充ng-重复的方法，我填充的方式如下：
<div class='md-padding' layout="row" layout-wrap>
<md-card flex="45" flex-sm="100" flex-md="100" flex-xs="1
浏览 2提问于2017-12-31得票数 0
1回答
我试图在引导表中标记不同的视频项目。我已经在使用ng重复来循环存储视频数据的对象数组。我现在正在尝试创建一个嵌套的ng-重复循环，在创建每个表行的ng-重复中的另一个“标记”数组上循环。
但我得到了一些奇怪的结果。我希望我能在td上放一个ng-重复，然后用引导类“徽章”将角度表达式放在一个跨度内。对出什么问题有什么想法吗？
<tr ng-repeat="topic in topics">
<td><a ng-href="#/{{topic.url}}"><i class="fa
浏览 1提问于2014-12-10得票数 0
回答已采纳
1回答
我使用ng-repeat通过http.get()迭代json响应。在success()回调中，我运行一个for循环来创建一个新数组，这个数组应该由另一个ng-repeat来处理。
代码：
$http({
method: "GET",
url: "xxx",
headers: {
"Accept": "application/json;odata=verbose"
}
}).success(function (data, status, headers, config) {
$sco
浏览 2提问于2016-06-01得票数 0
回答已采纳
4回答
如何只显示第一个元素的角度？
我像这样使用ng-repeat：
<div ng-repeat="product in products" ng-show="$first">
<div>{{ product.price }}</div>
</div>
但是既然我没有重复，那么我就不用使用ng-repeat了？我如何才能让这个只显示在第一个，而不必在ng-重复？
浏览 9提问于2013-12-03得票数 12
回答已采纳
2回答
我要重复一遍。我的请求如下：
我可以重复这样的时间面具：
<md-list-item ng-repeat="timeMask in timeMasks" ng-click="selectTimeMask(timeMask)">
<span>{{timeMask.name}}</span>
</md-list-item>
现在我正试图在timeMaskInterval中度过一天，但我无法做到这一点。目前，我的代码如下所示：
<md-list-item ng-repeat="timeMask
浏览 3提问于2015-11-03得票数 0
回答已采纳
6回答
我有一个具有一系列对象属性的对象，其结构类似(这是数据从服务返回的方式)：
{
"1": {
"type": "foo",
"name": "blah"
},
"2": {
"type": "bar"
},
"3": {
"type": "foo"
},
"4": {
"type": "baz"
},
浏览 5提问于2013-11-08得票数 28
回答已采纳
1回答
角纳克-重复而不创建元素
、、、、
假设我的controller中有这个controller数据
var rootObj = [{
devices: ["device1", "device2"],
subGroups: [{devices: ["device3", "device4"]}, {devices: ["device5", "device6"]}]
}, {
devices: ["device7"],
subGroups: [{devices: ["device8
浏览 4提问于2015-11-04得票数 0
所以我要重复一遍里面有几个名字。我想做的是跟随。输出到屏幕上的名称按字母顺序排列。
<div ng-repeat="n in names | orderBy:'name'"></div>
安妮
简
约翰
麦克
齐格
但是，是否有可能总是把“Mike”这个名字显示为最上面的名字，然后按字母顺序排列其余的名字呢？
麦克
安妮
简
约翰
齐格
浏览 1提问于2014-09-18得票数 1
回答已采纳
我有一个具有重复I的对象字典，如下所示：
var groups = {"0": "attributes":[{"id":2, "name":"abc"},
{"id":5, "name":"xyz"}],
"1": "attributes":[{"id":2, "name":"abc"}]}
我想将这个
浏览 0提问于2015-08-09得票数 0
我正试着展示一些系列的所有书籍。我用的是嵌套的ng-重复，效果很好。但是，由于最近对布局要求的一些更改，我不能使用嵌套的ng-重复(我只想要一个图书列表)。我希望下面这样的事情
<ul>
<li>book1 of series1</li>
<li>book 2 of series 1</li>
<li>book1 of series 2</li>
<li>book2 of series 2</li>
<li>book1 of seri
浏览 8提问于2015-06-11得票数 2
回答已采纳
我有一个用ng-repeat呈现行的表。在其中一个单元格中有一个用ng-options呈现的select。
<tr ng-repeat="item in data.items" repeat-done>
<td >
...
<select class="selectpicker"
ng-model="person" ng-options="person.Surname for person in data.Persons track by person.Id">
浏览 1提问于2014-09-03得票数 0
我有一个ng-重复，它迭代一个值数组：
var englishList = ["abo", "ser", "vol", "con", "giv", "blo"];
$scope.englishList = englishList;
是否有方法在ng-重复中循环这些值，并将返回的值用作嵌套ng-重复的一部分？
<div ng-repeat="api in englishList">
<div ng-repeat="result in searchD
浏览 2提问于2015-03-20得票数 0
回答已采纳
我有一个表行，我想重复一遍，每一行只有4个td
<table>
<tr>
<td ng-repeat="team in Teams">{{team}}</td>
</tr>
</table>
如何重复Td，但在每4个td上创建另一个tr并关闭前一个tr。
浏览 3提问于2015-10-09得票数 3
回答已采纳
1回答
我有下面的数组和下面的代码，但是我卡住了。ng-重复不在这个数组上工作(对于其他作用域，它工作得很好)。我错过了一些东西，但我不知道它是什么。
示例msgArray (数组是动态创建的，我是从浏览器控制台复制的)
[john: Array[0], Carl: Array[2]]
html代码
<ul>
<li ng-repeat='(k, v) in msgArray'>{{ k }}</li>
</ul>
浏览 3提问于2015-06-25得票数 1
回答已采纳
3回答
我有两个长度相同的列表
我想使用角度js来创建一个重复的ui表。
<tr ng-repeat="pair in pairs ..>
比如说[1,2,3,4]和[a,b,c,d]
表：
1 row: 1 a
2 row: 2 b
3 row: 3 c
4 row: 4 d
我该怎么做？
加入两个列表，然后按角度重复？还是再重复一遍？
浏览 0提问于2018-05-16得票数 0
回答已采纳
我正在尝试创建一个模板，将重复基于某些值。例如，如果总页数为3，总记录数为15，则每页将有5条记录。所以本质上它将是一个嵌套的ng-repreat。
我创建了一个示例java代码。
int index = 1;
for(int i =1; i <=5; i++){
System.out.print("#"+i);
for(int j = index; j<=14; j++){
System.out.print("->"+index);
index++;
if(j%3==0){
b
浏览 12提问于2017-01-17得票数 2
在AngularJS中迭代数组(列表)有一个严重的问题。
数组的结构是->项{ var1、var2、array2var3、var4 }。
我想在带有ng-重复的表中的HTML页面上显示这个数组，如下所示：
<tr ng-repeat="item in items">
<td >{{item.var1}}</td>
<td >{{item.var2}}</td>
<td ng-repeat="...">###</td>
</tr>
在"#
浏览 0提问于2014-11-08得票数 1
回答已采纳
我有这样的重复设置：
ng-repeat="article in main[main.mode].primary | orderBy: main[main.mode].primary.filter.order
track by article.url"
main[main.mode].primary是一个数组和….filter.order是一个字符串。
根据
在幕后，ngRepeat为每个任务添加了一个$$hashKey属性来跟踪它。如果使用来自服务器的新任务对象替换原始任务，即使这些任务实际上与原始任务完全相同，它们也不会具有$$hashKey属性，因此ngRepeat将不
浏览 4提问于2015-01-29得票数 0
回答已采纳
如果我的初始数据有ng重复指令绑定，
<!-- list 1-->
<li ng-repeat="data in datas">{{data.name}}</li>
我用另一个ng重复和ng模型指令来改变数据，
<!-- list 2-->
<li ng-repeat="data in datas">
<input type="text" ng-model="data.name">
</li>
在角度上，任何方法都可以做列表1n
浏览 2提问于2014-01-22得票数 2
回答已采纳
这是我的ng-repeat：
<div class="{{event.who_seen_it | newEvent}}" ng-repeat="event in eventList" ng-click="openEvet(event.title,$index)">
<h3 class="event-title">{{event.title}}</h3>
</div>
我使用{{event.who_seen_it | newEvent}}向每个重复的元素添加类。我想要改变这个过
浏览 0提问于2016-12-16得票数 0
1回答
抱歉，我不认识你-重复一遍。如何显示/隐藏使用ng-重复的行表？如果下拉值为1，则显示最底部的行。
var i ;
$scope.names = [];
$scope.tmp = [];
for(i=0;i<=10;i++){
$scope.tmp[i] = i;
$scope.names[i] = "name "+ i;
}
$scope.isShow = true
html
<select>
<option ng-repeat="x in tmp&
浏览 2提问于2018-11-28得票数 0
回答已采纳
我有两个重复重复的单子。但是，当我从第一个div中更改一个列表项的内容时，第二个div接收相同的值。我以为ng-重复有隔离的范围？我如何将ng重复的隔离归档？
编辑：“在大多数情况下，指令和作用域相互作用，但不创建新的作用域实例。但是，一些指令，如ng-控制器和ng-重复，创建新的子作用域，并将子作用域附加到相应的DOM元素。”
<div ng-controller="MyCtrl">
<button ng-click="newitem()">add item </button>
<div ng-repeat="
浏览 0提问于2014-02-02得票数 2
回答已采纳
片段1：
如果在下面运行此代码，则无法添加重复记录。
var app = angular.module("myShoppingList", []);
app.controller("myCtrl", function($scope) {
$scope.products = ["1", "2", "3"];
$scope.addItem = function() {
$scope.products.push($scope.addMe);
}
});
<html>
<
浏览 5提问于2018-03-12得票数 4
回答已采纳
1回答
我使用ng-重复来制作所有axam插槽的表，如下所示：
<tr ng-repeat="id in exams | orderBy:sortType:sortReverse | filter:{licencetype:searchExam, studentId:assignfilter}">
免费的考试插槽线包含"ex_slot“在字段studentId。我想用无线电按钮过滤这张桌子。在这张桌子上，我用无线电按钮过滤这张桌子。
<label>
<input type="radio" ng-model="assignfi
浏览 3提问于2016-01-28得票数 1
我正在使用上面的Angularjs库在ng-重复中使用唯一的属性。
下面是我的代码
<div class="rankblock" ng-repeat="item in sports.Ranks.Rank |unique:'_position'>
<span> {{sports.Ranks.Rank.length}}</span> //
</div>
在ng中唯一重复后，我的秩数组长度变为6，但它仍然在输出中显示9(原始Arr长度)。
浏览 2提问于2016-04-01得票数 2
回答已采纳
1回答
我想要在一个表中使用两个不同的ng重复循环来分组，不同的服从彼此，但不知道怎么做。
我现在的代码：
...
<tbody>
<tr ng-repeat="person1 in Array1">
<td>{{ person1.address }}</td>
<td>{{ person1.city}}</td>
<td>{{ person1.email}}</td>
</tr>
<tr ng-rep
浏览 3提问于2014-08-05得票数 1
回答已采纳
1回答
我正在使用<div>复制ng-repeat。单击按钮时，会出现一个新的但重复的<div>元素。问题是用户可以在列表中添加任务，当我复制div时，它也会复制内容。下面是我的html，它是重复的：
<div class="row">
<div class="col" ng-repeat="input in inputs track by $index">
<div class="task-container">
<div
浏览 0提问于2016-04-16得票数 2
回答已采纳
我有一个产生$scope.product = response.data的控制器
在我的html模板中，如果键入{{ product }}，它将在数组中显示请求的元数据，包括id和名称。然而，除非我通过ng重复做ng-repeat='item in product'，它将不会打印id和名称，即使我只有一条记录。例如，{{ product.id }}和{{ product.name }}只能显示为{{ item.id }}和{{ item.name }}
我甚至试过$scope.product.id = response.data.id和$scope.product.name =
浏览 3提问于2015-11-28得票数 0
回答已采纳
以下是我在repeat中使用的JSON数据：
{
"2": {
"id": 3,
"0": {
"avatar": "http:\\/\\/localhost\\/pottero\\/wp-content\\/plugins\\/dokan-live-chat\\/assets\\/images\\/avatar.png",
"message": "Hello",
"id": "2",
浏览 0提问于2019-04-07得票数 1
2回答
我正在尝试从一个复选框列表中选择多个值，该列表使用anguler中的ng-重复生成。
<div ng-repeat="item in items">
<input type="checkbox" ng-model="model.ID" ng-true-value="'{{item.ID}}'" ng-false-value="''"/>{{item.Name}}
</div>
但我想要的是为不同的复选框建立不同的ng模型。我怎么能这么做。有什么方
浏览 2提问于2016-05-18得票数 1
回答已采纳
1回答
我试图在表行中显示JSON数组数据。但我做错了-重复。我有一个文本输入字段，表行中有只读功能。我必须在文本输入字段中显示。
JSON数据:
$scope.list=[
{
"ID": "1",
"Source": [
"AA",
"AVV",
"WEB",
"DEB"
]
}
]
My View:-
<tbody>
<tr role="row" class=
浏览 0提问于2018-05-15得票数 0
回答已采纳
我目前有两个列表，正在进行比较。一个显示颜色列表，另一个显示已选择特定颜色的名称列表。这是很简单的显示。这里有一个小提琴例子：
<div ng-repeat="eachColor in colors">
{{eachColor.name}} Selected By: ->
<span ng-repeat="eachName in names" ng-if="eachName.catid == eachColor.id">
{{eachName.name}}
</s
浏览 2提问于2016-01-29得票数 0
回答已采纳
4回答
我有个像吼叫一样的角-重复，
<div class="row" >
<div class="col-md-6" ng-repeat="(index,data) in mydata">
<-- my content -->
</div>
</div>
这将创建如下的输出，
<div class="row" >
<div class="col-md-6" ng-repeat="(index,data) in mydata
浏览 4提问于2015-06-29得票数 7
回答已采纳
4回答
我有以下json对象
$scope.receipts = {
acquirer : [
{
id: 1,
name: "REDE",
balanceAmount: 4462.29,
cardProducts: [
{
cardProduct: {
balanceAmount: 2222,
id:
浏览 3提问于2016-08-25得票数 0
回答已采纳
我在创建自定义orderBy过滤器的正确语法上遇到了问题。如果需要一个参数(在ng-重复中迭代项)，我没有问题。如何传递第二个参数。我试过：
<div ng-repeat="item in items | orderBy:myCustomSort:mySecondParameter"></div>
但是，如果我在myCustomSort函数中插入一个中断，则mySecondParameter是未定义的。此外，您还可以让orderBy反转顺序吗?如果是的话，您在哪里放置“反向”参数。
谢谢。
浏览 0提问于2014-01-22得票数 1
回答已采纳
我试图在ng-重复指令中使用|filter过滤数据。
ng-repeat="item in transactions |filter:searchText"
transactions是带有数据的数组，如下所示：
{
$$hashKey: "object:666",
amount: -50,
card: "3158",
catId: 0,
dateTime: {month: 2, value: "2015-02-23T14:00:00"}
details: "blabla",
id: 2830,
}
searchT
浏览 1提问于2015-07-29得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
