Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/sql-server-2008/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 理解对象数组的ng重复_Javascript_Angularjs_Arrays_Angularjs Ng Repeat_Ng Repeat - Fatal编程技术网

Javascript 理解对象数组的ng重复

Javascript 理解对象数组的ng重复,javascript,angularjs,arrays,angularjs-ng-repeat,ng-repeat,Javascript,Angularjs,Arrays,Angularjs Ng Repeat,Ng Repeat,我有以下对象数组,这是一个服务器响应。我试图使用ng repeat来迭代这个数组并读取每个值 尝试在html中使用时,数组[0]。值起作用,而使用ng repeat时,没有任何作用 经过大量调试后,我无法理解ng repeat如何用于阵列 以下是我的例子: 消息数组: [ {"Id":14,"Text":"hii hello","count":750}, {"Id":10009,"Text":"test message","count":6} ] 以下内容在html中使用: <div

我有以下对象数组,这是一个服务器响应。我试图使用
ng repeat
来迭代这个数组并读取每个值

尝试在html中使用时,
数组[0]。值
起作用,而使用
ng repeat
时,没有任何作用

经过大量调试后,我无法理解ng repeat如何用于阵列

以下是我的例子:

消息数组:

[
{"Id":14,"Text":"hii hello","count":750},
{"Id":10009,"Text":"test message","count":6}
]
以下内容在html中使用:

<div  class="my-message" layout="row" layout-align="center center">
       {{messages}} <!-- printing the above array -->
        <div ng-repat="message in messages">
       {{ message.Id}}<!-- printing nothing -->

</div>
{{ messages[0].Id }} <!-- printing 14 !-->
</div>

{{messages}}
{{message.Id}
{{消息[0].Id}
数组在作用域中,并且在这个html中也可以看到{{message}}数组正在正确打印


有人能帮我理解ng repeat的工作原理吗?我在你的控制器中遗漏了什么?你必须具备:

$scope.messages = [{"Id":1,...},...]
您的视图代码中有输入错误(ng repat->ng repat):


{{message.Id}
必须是:

<div ng-repeat="message in messages">
    {{ message.Id}}
</div>

{{message.Id}
这样应该很好


在控制器中享受乐趣您必须具备:

$scope.messages = [{"Id":1,...},...]
您的视图代码中有输入错误(ng repat->ng repat):


{{message.Id}
必须是:

<div ng-repeat="message in messages">
    {{ message.Id}}
</div>

{{message.Id}
这样应该很好


玩得开心

希望这会让你清醒过来


安古拉斯普朗克
文件。写(“”);
{{messages}}
{{message.Id}
{{message.Text}
{{message.count}
var app=angular.module('plunker',[]);
应用程序控制器('MainCtrl',函数($scope){
$scope.messages=[
{“Id”:14,“Text”:“你好”,“count”:750},
{“Id”:10009,“文本”:“测试消息”,“计数”:6}
];
});

希望这会让你清醒过来


安古拉斯普朗克
文件。写(“”);
{{messages}}
{{message.Id}
{{message.Text}
{{message.count}
var app=angular.module('plunker',[]);
应用程序控制器('MainCtrl',函数($scope){
$scope.messages=[
{“Id”:14,“Text”:“你好”,“count”:750},
{“Id”:10009,“文本”:“测试消息”,“计数”:6}
];
});

问题在于使用“ng repat”时的打字错误,更正后我的代码正常工作。

问题在于使用“ng repeat”时的打字错误,更正后我的代码正常工作。

ng repat
中的打字错误(应该是
ng repeat
)?语法错误。谢谢在
ng repat
(应该是
ng repeat
)中在作用域上放置数组输入错误。谢谢在作用域上放置数组