对多维数组使用angular ng-repeat
对多维数组使用Angular ng-repeat是指在Angular框架中使用ng-repeat指令来循环遍历多维数组的元素，并将其渲染到HTML页面上。
多维数组是指包含多个维度的数组，可以是二维、三维甚至更高维度的数组。在Angular中，可以通过ng-repeat指令来遍历多维数组的元素，并在HTML页面上动态生成相应的内容。
使用ng-repeat指令对多维数组进行遍历的基本语法如下：
<div ng-repeat="row in multiDimensionalArray">
<div ng-repeat="item in row">
{{ item }}
</div>
</div>在上述代码中，我们首先使用外层的ng-repeat指令遍历多维数组的每一行（第一维），然后在内层的ng-repeat指令中遍历每一行中的元素（第二维及更高维度），并将元素的值显示在页面上。
对于多维数组的应用场景，常见的例子包括二维表格数据的展示、矩阵运算、图像处理等。在这些场景下，使用ng-repeat指令可以方便地将多维数组的数据展示在页面上，提供更好的用户体验。
腾讯云提供了一系列与云计算相关的产品，其中包括适用于前端开发、后端开发、数据库、服务器运维等领域的产品。具体推荐的产品和产品介绍链接地址如下：
- 腾讯云云服务器（CVM）：提供弹性计算能力，支持多种操作系统，适用于各类应用场景。详细介绍请参考：腾讯云云服务器
- 腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务，支持自动备份、容灾等功能。详细介绍请参考：腾讯云云数据库MySQL版
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于图片、音视频等多媒体资源的存储。详细介绍请参考：腾讯云对象存储
- 腾讯云人工智能平台（AI Lab）：提供丰富的人工智能服务和开发工具，包括图像识别、语音识别、自然语言处理等。详细介绍请参考：腾讯云人工智能平台
请注意，以上推荐的腾讯云产品仅作为示例，实际选择产品时需要根据具体需求进行评估和选择。
相关·内容
2回答
角度中的多阵列
、、、、
我想做多维JSON数组。因此，当我过滤id时，我将获得相应id的数据：
对于egs: ID 1022101，视图应为
<li>x</li>
<li>y</li>
<li>z</li>
<div ng-app="myapp">
<div ng-controller="w">
<ul ng-repeat="x in data | filter:1022101 ">
<li>{{x.
浏览 2提问于2015-11-13得票数 0
1回答
由于动态加载的Angular.js实例，我看到一个问题，ng-repeat将对显示的项目数进行多维数据集。
下面的代码演示了这个问题：
<html ng-app="brokentable">
<head>
<title>Broken Angular Table</title>
<!-- the following are dynamically added by other code -->
<script src="https://ajax.googleapis.com/ajax/li
浏览 0提问于2013-12-31得票数 1
回答已采纳
当我有多个具有相同名称(数组)的ng模型时如何使用过滤器。我的模型如下所示。我正在尝试过滤多维字符串数组。
<input type="text" ng-model="search[$index]" class="form-control"/>
<!-- val is multi dimensional String array -->
<!-- I want to use something like below -->
<tr ng-repeat="obj in val | filte
浏览 2提问于2016-02-22得票数 0
回答已采纳
1回答
多维数组数据绑定
、、
我希望使用angularjs在基于多维数组矩阵的输入表单上显示和绑定值。这是用于生成数组和变量以保存结果的js函数。
function getMatrix(rows, cols, defaultValue){
var arr = new Array(rows);
for (var i = 0; i < rows; i++) {
arr[i] = new Array(cols);
for (var j = 0; j < cols ; j++) {
if(defaultValue !== null){
arr[i][j] = def
浏览 3提问于2015-01-01得票数 0
回答已采纳
1回答
我正在使用一个工具从亚马逊获取一些数据。当我深入到angular中所需的数据时，它起作用了。我的代码是：
<div ng-controller="StoreController as store">
<div ng-repeat="item in store.items">
<a ng-href="{{item.ItemLinks[0].ItemLink[0].URL}}">{{item.ItemAttributes[0].Title[0]}}</a>
</d
浏览 0提问于2015-11-18得票数 0
我有一个对象，它包含键和值对。
$scope.groups= {
1050 : 'Test',
1850 : 'Test1'
}
$scope.AnotherArray = [1050,1850];
将ng-repeat中的项作为键传递给对象，以获取文本'Test‘
<div ng-repeat="item in AnotherArray">
<input type="text" ng-model="groups[item]" />
</div>
浏览 2提问于2016-03-09得票数 0
2回答
我现在有代码：(复制和粘贴从我的柱塞)
<!DOCTYPE html>
<html ng-app="exampleApp">
<head>
<title>Services and Modules</title>
<script data-require="angular.js@1.2.22" data-semver="1.2.22" src="https://code.angularjs.org/1.2.22/angular.js"></script&
浏览 3提问于2014-09-20得票数 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
所以我刚开始使用angular JS，在处理数组时，我对ng-repeat有点困惑。当我将dayNames更改为一个对象并为其提供键值对时，下面的代码不能作为is...but工作。
var myApp = angular.module('exampleApp', []);
myApp.controller("dayCtrl",function($scope){
$scope.dayNames = ["sunday", "monday", "tuesday", "wednesday",
浏览 0提问于2015-02-22得票数 7
回答已采纳
我有两列，每列都包含同一数组中的项。我想要达到砖石效果，因为每个.tile的高度将是不同的。
<div class="col-md-6">
<div class="tile" ng-repeat="item in items| orderBy: 'id'" ng-if="$odd">
<button ng-click="alert($index)"></button>
</div>
</div
浏览 1提问于2015-04-04得票数 0
2回答
角js中的嵌套ng-重复
、、、
我有下面的代码，在所有出现的情况下，我都需要提取a的值。我要做的是使用<span ng-repeat="x in carname">作为父元素，我不想这样做。如何直接得到a的值。
P.S.: $scope.carname不能被调整
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.carname = [
[{
"a": 1
}],
[{
浏览 3提问于2017-01-27得票数 0
回答已采纳
我的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
我有一个json对象。它不是按升序排列的。
$scope.myData = {
"MAX" : "some value",
"Forms" : "some value",
"Grids And Tables" : "some value",
"Navigation" : "some value",
"Services & APIs" : "some val
浏览 0提问于2013-12-10得票数 7
我是新的角js，我正在练习现在过滤器。我完全能够迭代对象数组，但是当我使用对象对象时，我的浏览器会抛出错误："Uncaught :意外令牌“
<!DOCTYPE>
<html>
<head>
</head>
<body>
<div ng-app="myApp">
<div ng-controller="myCont">
<div ng-repeat="b in
浏览 5提问于2017-10-29得票数 0
回答已采纳
在这个项目中，我在ionic的点击列表项上执行一个查询。我正在从php json_encode获取数据。数据显示在response下的networks选项卡中。此外，我还添加了$scope.doctorList = {}；，然后写下一行$scope.doctorList = response，它来自成功函数。数据也显示在console.log($scope.doctorList)中。
现在，当我尝试在angular中显示此数据时，它没有显示任何内容。我已经将它包含在ng-repeat中: ng-repeat = "doctors in doctorList“
语法似乎是正确的，因为同样
浏览 0提问于2016-03-10得票数 0
2回答
我对angular js非常陌生。我想创建一个输入框在点击特定的div。在这里，我需要在div上创建重复的元素。
<div><div ng-repeat ng-click="create();"></div><div>
那么最好的方法是什么呢？
浏览 1提问于2014-01-09得票数 1
这是我的密码：
<h1 ng-repeat="item in func()">something</h1>
$scope.func = function(){
return [{"property" : "value1"},{"property": "value2"}];
}
在Angular.js诉1.1.1一案中，没有任何错误。在Angular.JS v1.2.1中，我得到了一个infDig错误。
你能解释一下这种情况吗？非常感谢。
浏览 2提问于2014-01-05得票数 8
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<div ng-repeat='x in trail'>
<input type=checkbox ng-mo
浏览 0提问于2016-12-01得票数 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
我有一个使用ng-repeat的div块。在这个角度循环中，我需要在JSTL中有一个循环，但是对于这个内部循环，我需要角度循环的当前索引。
想象一下，这是基本的结构：
<div ng-repeat="foo in fooBarCtrl.blah | orderBy: '_order' track by $index">
<c:forEach var="element" items="${JSTLarray[**NEED_ANGULAR_INDEX_HERE**]}">
<c:o
浏览 0提问于2015-09-29得票数 2
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
回答已采纳
我对angular.js还不熟悉，我只是在做一个函数ng-repeat。在其中，我使用ng-repeat="x in name"，其中定义了names中的一些值，但没有在完整代码中定义x。
这是我的代码：
<div ng-app="myApp" ng-controller="namesCtrl">
<ul>
<li ng-repeat="x in names">
{{ x.name + ', ' + x.country }}
</li>
</
浏览 8提问于2016-06-01得票数 2
回答已采纳
2回答
我有一个这样的多维数组：
var squares = new Array();
for(var i = 0; i <= 8; i++)
{
squares[i] = new Array();
for(var j = (i * 20) + 1; j <= 20 * i + 20; j++)
{
if (squares[i] == null)
{
浏览 6提问于2014-09-02得票数 0
回答已采纳
我有一个对象的多维数组，这对Angular的ng-repeat造成了严重破坏，所以我想把它转换成一个一维数组。我尝试过使用forEach完成此操作，但失败了。当我在运行函数后尝试使用console.log(newData)时，它返回一个空数组。我是不是太简单了，还是犯了个愚蠢的错误？
//Sample data (allData):
var allData = [{
"period": 4,
"uploadDate": "2015-11-19T21:00:00.000Z",
"section": [{
&
浏览 2提问于2016-01-13得票数 0
我有一个接受参数的自定义过滤器(arrayDiff)。过滤器在ng-repeat中被调用，但是无论我插入什么参数，过滤器总是将整个数组作为参数。
angular.module('demo', [])
.controller('Ctrl', function ($scope, $filter) {
$scope.selectedPriority = [ ];
$scope.data = [];
$scope.priorities = [1, 2, 3];
$scope.objects = [{"date": &#
浏览 14提问于2017-02-01得票数 0
回答已采纳
我已经测试了ngTagsInput并且正确地设置了它，但是ngTagsinput模块在ng-repeat中不能工作，有没有解决这个问题的办法？谢谢。示例代码；
<div ng-app="myApp" ng-controller="myCtrl">
{{tags}}
<div ng-repeat="sub in ['sub1','sub2']">
<tags-input ng-model="tags[sub]"></tags-i
浏览 6提问于2017-02-17得票数 0
2回答
我创建了通过单击<th>对表排序的指令，但是不能正确地对函数进行排序。我的问题是如何按升序/降序排序数据。该指令可以与任何静态或动态表链接，然后使用tranclude和$compile，我们创建了自己的表，并且应该能够对数据进行排序。
任何帮助或评论我的代码将对我有好处。
这里有一个指向小提琴的链接：
<div class="container">
<div class="row">
<table table-directive>
<thead><tr>
<t
浏览 0提问于2016-04-28得票数 1
回答已采纳
3回答
我最近开始学习angular js。我有以下对象ResultRow
ResultRow = function ( cars, prices) { //cars and prices are arrays
this.prices = prices;
this.cars = cars;
};
例如,
ResultsRow=new ResultsRow(["Ford","Honda","Nissan"],[20,22,18]);
我希望将表中的ResultsRow显示为：
Car Price
Fo
浏览 1提问于2017-04-05得票数 0
5回答
如何使用字符串索引对数组进行ng-repeat？请看下面的代码片段-
下面的代码是控制器中的代码。
$scope.days = ["mon", "tue", "wed" .... "sun"];
$scope.arr = [];
$scope.arr["mon"] = ["apple","orange"];
$scope.arr["tue"] = ["blue","swish"];
.
.
.
$scope.arr["sun&#
浏览 7提问于2016-05-14得票数 3
我在摆弄角度，试图理解什么时候我应该做一个新的控制器。当用户单击该按钮时，我试图实现的是#1随机化列表。我可以自动随机化，但不确定在ng-单击是否应该需要一个新的控制器范围。我想要做的第二件事是复制这个列表，但是当合作伙伴被点击的时候--它用列表中的一个随机字母来匹配它们。这涉及到在列表中给另一个字母附加另一个字母。我想知道的是，如果不是偶数的话，那额外的信该怎么办呢？任何建议。我认为比jquery更简洁地解决问题。
var myApp = angular.module('myApp', []);
angular.module('myApp', [])
.
浏览 3提问于2017-06-21得票数 1
回答已采纳
2回答
在中，我有一个整数数组，我已经将它附加到$scope.$watch中。当我更新数组时，我的$scope.$watch不会触发console.log。为什么我的console.log没有被调用？
<!DOCTYPE html>
<html>
<head>
<script data-require="angularjs@1.5.0" data-semver="1.5.0" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.2/angul
浏览 5提问于2016-04-13得票数 1
回答已采纳
我们可以在ng- $index中通过重复来跟踪项目，并像这样显示它们的索引
<div ng-repeat="n in [42, 42, 43, 43] track by $index">
[{{$index}}] -- {{n}}
</div>
Angular允许我们在官方网站上使用一个自定义函数来跟踪ng-repeat中的对象
<div ng-repeat="n in [42, 42, 43, 43] track by myTrackingFunction(n)">
{{n}}
</div>
但是有没有办
浏览 10提问于2016-07-18得票数 0
我是新手的角度，并试图建立一个应用程序，这将调用和API和收到的响应将在UI上显示。 我已经尝试过使用*ngFor、ng-repeat等ng指令。但是响应没有显示在HTML上，我只能在控制台中看到。 响应图像： ? 我的component.ts import { Component, Pipe, OnInit, Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { map } from '
浏览 25提问于2019-09-11得票数 1
回答已采纳
如何将ng-model绑定到ng-repeat中的元素？实际上，我希望将数组中的对象绑定到元素，并在输入元素时使用新的ng-model创建新的输入元素。而在这个例子中，所有的ng-model都是相同的。
var myApp = angular.module('app', []);
myApp.controller("MyCtrl",function($scope){
$scope.items = [];
$scope.item = {
phone:""
};
$scope.items.push($
浏览 1提问于2015-07-28得票数 1
2回答
角控制器阵列误差
、、
我正在使用角ng-repeat函数，在我的控制器中，我试图创建一个数组，但是我总是在我的检查器中得到一个错误消息。
Uncaught SyntaxError: Unexpected token [
下面是我的代码片段。
var app = angular.module("homeApp", []);
app.controller("entriesView", function ($scope){
$scope.itemEntry = {[
{
image: "https://cms.myspacecdn.com/cms/x/13/4
浏览 11提问于2013-11-23得票数 0
回答已采纳
2回答
我对Angular和方法ng是个新手--重复这里是我的问题：
我正在做测试来学习，这是我现在想要实现的:循环通过一个表格来显示一些内容
我的问题是: second ng-repeat只显示最后一个值。
下面是我在控制器中的声明：
app.controller("ClientCtrl", function($scope){
$scope.ClientSections = [
{title: 'Titre 1', element:
[{name: 'Toto', name: 'Contenu 1', name
浏览 67提问于2017-01-11得票数 4
回答已采纳
我希望从用户那里获得范围，并且根据范围，用户可以使用angular js从select语句中选择多个选项。请帮帮忙
<input type="text" ng-model="range" placeholder="enter range">
<select multiple name="selectValue" id="selectValue" ng-model="selectValue" >
<option value="i" ng-repeat=
浏览 0提问于2018-10-13得票数 0
我使用ng-repeat遍历一个键/值数组。如果密钥名字是'First ==‘，我想把它绑定到firstName。我刚接触angular.js，有没有更好的方法呢？基本上，我有一个键/值数组，其中的一些键是我想用来做一些事情的。
<ul id="customers" infinite-scroll='loadMoreUsers()'>
<li ng-repeat="user in users" data-customer-id="{{user.Id}}">
浏览 0提问于2015-12-17得票数 0
3回答
改变对象的顺序
、、、
我想要绑定动态数据，在绑定数据之后，数据的顺序将发生变化。
var app = angular.module("mainApp", []);
app.controller('mainCtrl', function($scope){
$scope.fieldNames = { author_name: "Author Name", about_author: "About author", author_image : "Author Image" };
$scope.authors = [{
浏览 6提问于2016-04-27得票数 2
回答已采纳
我正在创建一个具有add/remove函数的表单。为了实现这一点，我尝试在ng-repeat中使用ng-repeat。下面是我的代码。
<button ng-click='add()'>Add more</button>
<div ng-repeat='x in array track by $index'>
<input ng-model='array[$index].name'></input>
<input ng-model='array[$index
浏览 3提问于2016-12-15得票数 0
回答已采纳
我无法让ng-repeat (ng-repeat="a in student.store")工作，.It没有抛出任何错误，但同时也没有呈现任何输出。请提个建议。
==============================
我的Angular代码
var module = angular.module('MyApp', [])
.controller('MyController', function ($http, $scope) {
$http.get(&#
浏览 0提问于2016-08-29得票数 0
1回答
我有一个ng重复，由参数city & first_name过滤，如下例所示：
vm.search = {
"city": "D.C.",
"first_name": "Chu"
};
<li ng-repeat="item in user | filter: search">...
var appname = 'app';
var dependencies = [];
angular.module(appname, dependencies);
var a
浏览 5提问于2016-01-13得票数 1
我有一个多维数组，其中保留过滤器名称及其列表。
就像下面的例子
{"rel":["aa","cc","bb"],"cst":["ff","ee","gg"],"mtm":["hh","jj","ii"]}
"rel“、"cst”和"mtm“用作过滤器名称，每个过滤器都有自己的列表要显示。
现在我的问题是，当我在角js中使用ng-重复时，它会按字母顺序对过滤器进行排序，而我不想这样做
浏览 8提问于2017-06-16得票数 1
回答已采纳
我正在开发一个数据驱动的应用程序，其中的列(表头)会根据用户的单击进行动态更新。我正在从JSON文件加载数据。
当我使用具有ng-repeat="heading in gridHeaders">{{ heading }}的普通表时，它可以工作，但是当我包含ui-grid并且使用不同的数据集更新视图时，网格单元变为空，列标题保持不变。如何在ui-grid中更新列定义？
这是JSFiddle
controllers.js
$scope.gridOptions = {
data: 'grid',
columnDefs : '' /
浏览 1提问于2015-03-20得票数 2
是否可以像angular (ng-repeat="items in item | limitTo:4")那样在Svelte或limit中中断迭代？例如： {#each items as item, i}
...
{#if i > 4}
{:break} <--- break here
{/if}
...
{/each}
浏览 23提问于2019-05-31得票数 3
回答已采纳
2回答
这是Angular的新手，正在构建一个twitter流，用于在点击事件时加载缓存的tweet。我看到的问题是，在点击加载更多的按钮之前，推文就被加载了。有一个tweets作用域的绑定，我不理解。相关代码如下：
html：
<button ng-if="moreTweets" ng-click="loadMoreTweets()">Load More Tweets</button>
<div ng-repeat="tweet in tweets" class="tweetContain
浏览 0提问于2015-06-08得票数 0
4回答
这似乎不适合我。我有ng-repeat，ng-click和ng-class在tr上。单击tr应该将类切换到.error。
当前，单击tr将更改所有表行的类。
<!doctype html>
<html lang="en" ng-app="studentApp">
<head>
<meta charset="UTF-8">
<style>
.is-grey-true { background-color: #ccc; }
.error { b
浏览 3提问于2014-03-27得票数 5
回答已采纳
我有下面的Angular/HTML代码块，它工作得很好，但是我的问题是，在选择之后，我只能访问所选选项的value，它被定义为value.id，而不是一个对象数组。
仅使用ng-option和select上的group by语句重写以下块的最佳实践方法是什么
<select name="device[ [[$index]] ]" ng-model="selectedModel" ng-change="loadModelImage(selectedModel, $index)">
<option value="&#
浏览 0提问于2014-11-20得票数 0
3回答
我有一个叫NoDupesArray的东西。我用它创建了一个不允许重复项的数组。在编程上，它是一个扩展数组原型的对象，如下所示(让我们不去争论Object.create和这个)：
function NoDupesArray(){}
NoDupesArray.prototype = Array.prototype
NoDupesArray.prototype.push = function(){
//...blahblahblha
}
不幸的是，当我在Angular的ng-repeat中使用这个数组时，我不能使用Angular的内置过滤器特性。这不起作用：
<li class=
浏览 2提问于2015-03-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
