ng-repeat没有加载我的对象数组
ng-repeat是AngularJS框架中的一个指令，用于在HTML页面中循环渲染数据。它可以对一个对象数组进行迭代，将数组中的每个元素逐一渲染到页面上。
在你提到的情况中，如果ng-repeat没有加载你的对象数组，可能是由于以下几个原因：
- 数据未正确绑定：确保你的对象数组已经正确绑定到了相应的作用域变量上。你可以使用AngularJS提供的双向数据绑定来实现。
- 作用域问题：确认ng-repeat所在的元素处于正确的作用域中。AngularJS使用作用域来管理数据的可见性。如果ng-repeat不在正确的作用域内，它可能无法访问到正确的数据。
- 对象数组为空：检查你的对象数组是否为空。如果数组为空，ng-repeat将无法渲染任何内容。可以通过在ng-repeat的外部打印数组长度来验证。
- 错误的数据格式：确保你的对象数组的格式是正确的。ng-repeat默认使用特定的格式来迭代数组元素，如果格式不正确，ng-repeat可能无法正常工作。通常，对象数组应该是一个包含多个对象的数组。
针对你的具体情况，我无法给出具体的解决方案，因为需要进一步了解你的代码和上下文。但是你可以根据上述可能的原因进行排查和调试。
腾讯云的相关产品可以参考以下链接：
- 云服务器（Elastic Cloud Server）：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（TencentDB for MySQL）：https://cloud.tencent.com/product/cdb
- 云对象存储（Cloud Object Storage）：https://cloud.tencent.com/product/cos
- 人工智能（AI）服务：https://cloud.tencent.com/product/ai
相关·内容
我有一款伪代码angularjs应用。您可以为每个人选择一个爱好，保存它并重新加载它。但是，当我加载数据时，复选框没有选择正确的选项。person.hobby存在并且是正确的对象，但是看起来ng模型没有正确设置。我是不是遗漏了什么？
<div ng-repeat="person in people">
<p>{{ person.fullname }}</p>
<select ng-model="person.hobby"
ng-options="h.hobby_name g
浏览 7提问于2014-06-11得票数 1
回答已采纳
我在一个<tr>标签上使用ng-repeat，用从mysql中提取并转换成Json的数据来填充<td>标签。这个很好用。但是，我正在使用的一个<td>标记包含一个按钮。
我想要做的是，以某种方式在DOM中标识这些按钮，这样我就可以针对特定的请求。
示例:页面加载，ng-repeat重复一个按钮4次。这些按钮中的每一个都有一个ng-click。我希望他们中的每一个都在一个json文件中打开和过滤不同的信息。
我假设ng-repeat只会为每个按钮打开相同的项目，我应该如何让它们分开，这是正确的吗？谢谢。
浏览 1提问于2016-03-31得票数 1
我已经测试了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
1回答
在HTML中我有指令ng-repeat
<div ng-repeat="friend in friendList.active | filter:searchName">
还可以使用ng-model="searchName"输入字段
<input type="text" ng-model="searchName" maxlength="10" placeholder="">
当我在ng-repeat中输入文本块时没有排序，为什么？
响应friendList.active AJ
浏览 1提问于2015-04-05得票数 3
回答已采纳
1回答
我有一个指令，它在一个高图表上注入大量数据，该图表使用ng-repeat遍历对象的属性：
<div class="row animated fadeIn" ng-repeat="datum in controllerData" ng-if="(SizeOf(controllerData) > 0 && !dataInLoad)">....</div>
现在.。这通常会注入至少5-8个图表，这会让浏览器卡住大约20-40秒。
现在我知道，如果迭代字符串或数组，有一些方法可以拆分ng-repeat，但是我
浏览 2提问于2016-02-22得票数 0
我在ng-repeat中使用了简单的数字数组，如下所示
n = [1,2,3,4,5,6]
问题是，当我将此数组更改为例如：
n=[1,2,3]
它不会完全重新加载DOM，而只是删除与数组4, 5, 6相关的最后3个div元素。有没有办法在我每次更改数组时强制ng-repeat重新加载DOM？
浏览 3提问于2015-06-11得票数 2
1回答
在这个AngularJS关联数组(键、值对的数组)中，ng-repeat没有正常工作。怎么了？
function TestCtrl($scope) {
$scope.list = [];
$scope.processSomeData = function(){
$scope.list["testKey"]={};
$scope.list["testKey"]["test"]="Test value";
};
$scope.processSomeData();
}
&
浏览 0提问于2013-02-20得票数 3
回答已采纳
1回答
更新ng-重复数组
、、、、
我读过许多这样的问题，但由于某种原因，我的代码没有工作。
目标是让页面加载一个由ng-repeat加载的项目列表，这个列表可以很好地工作，但是当用户执行一个函数时，让ng-repeat数组替换为另一个相同的结构。已经通过http了。
密码是这样的。
// in HomeController
$scope.content = {
items: [ {
title: "hi!"
} ]
}
$scope.search = function() {
if ( $scope.query == '' )
retu
浏览 2提问于2015-03-13得票数 2
4回答
var responsePromisecom = $http.get("restapi calling"); responsePromisecom.success(function(data) { console.log(data); $scope.items=data.platform.record; }); responsePromisecom.error(function(data, status, headers, config) {
alert(&
浏览 3提问于2016-12-24得票数 3
回答已采纳
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
回答已采纳
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回答
我刚接触angularjs，创建了一个phonegap项目。在我的项目中，我正在使用WP JSON API User Plus插件来获取json格式的数据，API给出的响应内容很少，我还需要调用另一个API，从上一个API获取参数。是否可以在ng-repeat中调用API来加载不同的数据。
我正在获取json格式的数据，并将数据加载到ng-repeat中，我尝试过这样做
<tr ng-repeat="app in multipleApps" ng-init="getActivationDate(app)">
<td><h4&
浏览 24提问于2016-07-21得票数 2
1回答
我正在尝试发送多嵌套对象到html代码，但没有与我一起工作？
这是服务器端脚本
for(var i=0; i<10; i++){
var countries= [{
userName:"TEST",
email:"TEST@gmail.com",
cities:[
{name: "Riyadh"},
{name: "Jeddah"},
{name: "Qasim"}
浏览 2提问于2020-09-15得票数 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
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
回答已采纳
1回答
在我的控制器中：
$scope.mytest = [1,2,3];
我的观点是：
<div ng-repeat="foo in mytest">
{{foo}}
<input type="text" ng-model="mytest[$index]" name="$index" />
</div>
{{ mytest | json }}
当我加载页面时，它会呈现如下内容：
我可以更改该值，绑定将更新所有值：
唯一的问题是表单域失去了焦点。当ng-model更新
浏览 1提问于2014-08-22得票数 1
我正在建立一个基本的论坛应用程序。
论坛有许多主题。一个话题有很多帖子。post具有ThreadId属性。
我正在加载一个主题和帖子的论坛对象。(我最终将从主题加载帖子。)
我首先要隐藏所有的帖子，然后在传入ThreadId时显示相关的帖子。我做错了什么，我的过滤器不工作(所有的记录显示)
在我的控制器里
// setup default filter
$scope.filters = { ThreadId: 2 };
Html
<div ng-repeat="post in topic.Posts | filter : filters.ThreadId" >
浏览 3提问于2014-06-22得票数 1
回答已采纳
我有两组数组。
例：$scope.names =‘约翰’，‘泰勒’，‘大卫’；& $scope.ages = '30'，'35'，'28'；
我想要的输出是
约翰: 30
泰勒: 35
大卫: 28
我试过如下，
<div ng-repeat="name in names">
<p>{{name}}</p>
<div ng-repeat="age in ages">
<p>{{age}}</p>
</div>
浏览 1提问于2015-03-28得票数 2
回答已采纳
2回答
对象名称为totalCount
如何从上面访问计数？我试过了：Object.result，但它还没有定义
第二次尝试：
var count = totalCount.result;
for(var i = 0; i < count.length; i++) {
console.log(count[i])
// no 'length' property of undefined
}
我用angular访问这个totalCount完全没有问题
<div ng-repeat="num in totalCount.result">
浏览 1提问于2016-01-28得票数 0
我使用ng-repeat (猜测)将数组内容放入表中。内容是动态绘制的，当我修改数组的单个元素时，它工作得很好。但是当我重新加载整个数组时，会出现这样的情况:数组被重新赋值为新值，并且ng-repeat绘制空白表(这实际上在逻辑上是正确的)。有没有一种方法可以延迟内容的重绘，当数组为空的时候，ng-repeat会忽略这一时刻？就像内容在没有“清除”时间的情况下切换到新的内容。
我以这种方式将新元素分配给数组：
items = newItems;
其中items是ng-repeat使用的数组，newItems是刚从数据库下载的项的数组。当赋值发生时，newItems已完成。我不会在分配之前做it
浏览 2提问于2018-07-10得票数 0
全部：
如果我有一个模板，比如：
<input ng-repeat="d in data track by $index" ng-class="parent{{$index}}" />
它呈现为
<input ng-repeat="d in data track by $index" ng-class="parent0" class="ng-pristine ng-untouched ng-valid ng-scope">
但是当我使用$(".parent0")时，没有任何选
浏览 3提问于2016-01-21得票数 0
回答已采纳
我在我的页面上设置了一个ng-repeat循环，最初我不需要处理任何事情，直到调用一个操作(我得到一些返回的$http数据，ng-repeat循环填充那里的内容)。问题是，在页面加载中，控制台抛出了一个错误，因为它在页面加载时没有任何数据可以在该循环中做任何事情。我是不是应该忽略这个错误，因为一切仍然正常，或者我可以采取什么措施来防止在初始页面加载时出现这个错误？
浏览 2提问于2016-01-12得票数 0
1回答
我有一个典型的ng-repeat，如下所示：
<button ng-repeat="tube in safeConfig.tubes" on-repeat-done="tubes_done" ng-class="{'btn btn-on' : tube.toggled, 'btn btn-off' : !tube.toggled}" ng-click="toggleBtn(tube, 'tube', $index)">{{tube.label}}</button&g
浏览 3提问于2014-12-08得票数 0
1回答
我有一个MVC 4项目，其中一个索引页正在F5上加载：
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Interaction Simulator</title>
<script src="~/Scripts/angular.js"></script&
浏览 1提问于2014-05-13得票数 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
回答已采纳
我使用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
这是我的JSON数据。
"ATTRIBS":{
"WWW":
{
HIGH:10,
LOW:1,
NAME:World Wide Web,
TYPE:ON
},
"NET":
{
HIGH:12,
LOW:1,
NAME: Local Ne
浏览 0提问于2015-11-20得票数 0
在我的约会数据中，我有几个月，几周，几天，一段时间。
在列表视图中，显示“周”并不重要(但对于其他报告来说很重要)
对于“天”，我可以过滤掉没有预约的天数，如下所示：
<div ng-repeat="month in appointments.months: | filter:{????:''}">
<div>{{month.name}}</div>
<div ng-repeat="week in month.weeks"> <!--Not displaying anything
浏览 0提问于2016-05-16得票数 2
回答已采纳
5回答
我有一个类似于这个["2017-03-09 ": Array[6], "2017-03-10 ": Array[2]]的数组
在执行ng-repeat时，它不起作用：
<div ng-repeat="total in sortedOrders">
<div class="col-75">{{total.id}}</div>
</div>
fiidle 和
请帮帮忙。
浏览 1提问于2017-03-09得票数 1
我想这个问题很简单。我看到人们对它赞不绝口，但我还没有看到任何关于“为什么”使用它的问题。在我看来(从我天真外部观点来看) ng-repeat似乎不是，如果不是在嵌套层中，那么在另一个层中也要执行ng-repeat。我看起来它并没有添加angular没有的功能--我确信我错了--我看到它使用了术语“延迟加载”，而且看过文档后，它看起来并没有那么容易。在AngularJS中，有哪些可以让我在项目中添加另一个库的事情变得非常容易呢？你能用它做哪些开箱即用的angular不能做的事情？
浏览 0提问于2015-12-05得票数 2
2回答
我正在尝试从JSON数组构建一个表单。我需要将这些键加载到HTML中。下面是这个数组的一个示例：
{
"Fred": {
"description": "A dude"
},
"Tomas": {
"description": "Another Dude",
"Work": {
"Current": "No Employer",
"Previous": "En
浏览 4提问于2016-06-15得票数 0
回答已采纳
如何在Javascript中使用ng-repeat like for？
示例：
<div ng-repeat="4">Text</div>
我想用ng-repeat迭代4次，但是我该怎么做呢？
浏览 48提问于2013-01-07得票数 88
回答已采纳
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
回答已采纳
我的数据如下所示： [
{
"TravelerExtended": {
"ExtendedInt_1": {
"#text": "0",
"Label": "Do you require the hotel has a spa or fitness center?:"
},
"ExtendedInt_2": {
"#text": "0",
浏览 22提问于2019-02-20得票数 0
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
回答已采纳
1回答
现在，这可能是一个理论问题，既然我还在学习AngularJS，请原谅我的沉默。
有没有一种方法可以让我们从不同的位置调用三个json文件，并且它们都有相同的布局，然后使用一个调用“编译”或“加载”作为一个，以增加加载时间？
假设我们有3个json文件：
第一个JSON文件：
{
"name": "John",
"sur": "Smith"
}
第二个JSON文件：
{
"name": "John",
"sur": "Doe"
}
第三个J
浏览 0提问于2016-11-08得票数 0
回答已采纳
1回答
子过滤器收集
、、、
我有以下虚构的对象，我正在尝试过滤：
{
"0":{
"boy":{
"age":"32",
"name":"Daniel Grey"
}
},
"1":{
"boy":{
"age":"23",
"name":"John
浏览 2提问于2014-09-06得票数 3
回答已采纳
我想使用ng-repeat在数组的asc order对象中呈现数据。下面一个是数组对象。
$scope.Stepdetails=[{
[{
RequestId: 2024,
name:aa
}]
},
{
[{
RequestId: 2025,
name:aa
}]
},
{
[{
RequestId: 2023,
}]
}]
&
浏览 0提问于2015-01-14得票数 0
我是angular和uiGmapGoogleMapApi的新手，我正在尝试重写：
<ui-gmap-google-map center="search.map.center" zoom="search.map.zoom" bounds="search.map.bounds" options="{ overviewMapControl: true, streetViewControl: false, mapTypeControl: false }">
<locations ng-if="! sear
浏览 0提问于2015-11-19得票数 0
我的html代码。
<div ng-repeat="text in collection">
<h3>{{text.caption}}</h3>
</div>
我的json字符串。
$scope.collection= [{"caption": "HELLO CAPTION 1","content":"SomeContent"}];
即使只有一个键值对，我也必须在html代码中使用'ng-repeat‘。是否强制使用ng-repeat来获取单个json字
浏览 5提问于2016-09-26得票数 0
2回答
我使用的是一个从restful加载数据的datalist，我想在datalist中添加分页，我使用的是AngularJS：
<label>Query:</label>
<input list="data">
</div>
<datalist id="data">
<option ng-repeat="data in queries" value="{{data.name}}">
</option>
</dat
浏览 1提问于2014-05-28得票数 0
回答已采纳
1回答
在使用ng- groupBy在UI中显示之前，我有一个集合并使用lodash.js groupBy对其进行分组。
var list = [{id:1,categoryId:1,name:test1},
{id:2,categoryId:2,name:test2},
{id:3,categoryId:12,name:test12}]
vm.myList= _.groupBy(list,function (j) { return j.categoryId; });
console.debug(vm.myLi
浏览 3提问于2015-07-24得票数 0
回答已采纳
嗨，有没有人可以帮我解决下面的问题？
目前我正从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
我知道对象值没有索引，但是假设我有一个名为foo的对象，它有5个键，而我有：
<div ng-repeat="(key,value) in foo">
我将在我的页面上得到5个div。
我的问题是如何问角，“嘿，这是哪一个?是第一个吗?是第二个吗?请给我一个数字。”我不能使用{{$index}}，因为对象没有索引。我不能使用{{$id}}，因为它似乎给出了一个从5开始的数字，而且总是很奇怪.有时候。我只想知道在ng-repeat中什么地方重复一个对象而不是一个数组。
浏览 2提问于2016-06-21得票数 4
回答已采纳
如何对url中的变量使用ng-repeat？我的url是这样的：#/timeline/{{year}}/{{month}}
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li ng-repeat="months in dateMonths"><a href="#/timeline/{{months}}">{{months}}</a></li>
</ul&
浏览 0提问于2014-11-25得票数 0
我有这个AngularJS控制器
app.controller('dataCtrl', function($scope) {
function getData() {
var myData = Parse.Object.extend('myData');
var query = new Parse.Query(myData);
query.find({
success: function(results) {
$scope.$apply(func
浏览 2提问于2015-08-28得票数 0
2回答
我想要解决的情况就是这个，我对如何解决这个问题感到有点困惑。我在这里提到的每一点都使用ng-repeat，如果可能的话，我打算在最终的解决方案中使用这一点。
我有一个对象数组，都是完全相同的格式。(安全地假设这是真的)
每个对象都有一个属性列表。
我希望将这些列排列在一个大于2列的网格中，并且会有任意数量的行。
每个网格位置将显示该位置中对象的属性。
列数不需要动态变化。
>2列的要求是，我理解如何完成一个或两个列的网格布局(一列是无序的、没有样式的列表，两列使用ng-even或ng-odd并使用css创建新行)。
因此，问题基本上是这样的:对于大小为N的数组
浏览 6提问于2013-04-12得票数 5
回答已采纳
我有一个角度应用程序，其中我创建了一个基于json的表，如下所示：
<thead>
<tr>
<th ng-repeat="(header, value) in resultData[0]">
{{header}}
</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="row in resultData">
<td ng-repeat="cell in row"&
浏览 5提问于2014-08-18得票数 0
我在使用嵌套的ng-repeat制作正确的表时遇到了问题。
我想要的是这个
但是我被困在这里了
我不介意我的标记不是table，但我仍然坚持使用div
<div class="row">
<div class="col-xs-6" ng-repeat="obj in data">
{{obj.date}}
<div ng-repeat="user in obj.users">
浏览 0提问于2016-12-30得票数 3
在ng-repeat中排序项目后有一些问题。点击项目后，打开带有错误索引的页面。我的示例HTML代码，打开正确的页面：
<div ng-repeat="item in items" ng-click="showPost($index)">{{item.title}}</div>
如果添加了orderby，则显示错误的post索引：
<div ng-repeat="item in items | orderBy:'-title'" ng-click="showPost($index)"&
浏览 0提问于2016-01-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
