gpt4 book ai didi

javascript - Angular js 不使用 ng-repeat 打印 ng-init 的数据

转载 作者:行者123 更新时间:2023-11-30 09:38:05 24 4
gpt4 key购买 nike

我是一个新手,我正在尝试几个 angular js 示例,但是当创建 2 个 div 元素并尝试为其运行 angular js 程序时。当我使用 ng-repeat 时,初始化的数组正在为第二个 div 打印,并且没有为第一个 div 打印。谁能告诉我为什么会这样。我看不出 2 个数组的初始化方式有什么区别。代码如下。

<html data-ng-app>
<head>
<title>Angular js</title>
</head>
<body>
<input type="text" data-ng-model="name">{{name}}
<div class="container" data-ng-init="namess=['Hello','There','God','There']">
<h3>Looping with the ng-repeat Directive</h3>
<h4>Data to loop through is initialized using ng-init</h4>
<ul>
<li data-ng-repeat="Personname in namess">{{Personname}}</li>
</ul>
</div>
<div class="container" data-ng-init="names=['Dave','Napur','Heedy','Shriva']">
<h3>Looping with the ng-repeat Directive</h3>
<h4>Data to loop through is initialized using ng-init</h4>
<ul>
<li data-ng-repeat="name in names">{{name}}</li>
</ul>
</div>
</body>
<footer>
<script type="text/javascript" src="angular.min.js"></script>
</footer>
</html>

我得到的结果如下

Looping with the ng-repeat Directive

Data to loop through is initialized using ng-init

Looping with the ng-repeat Directive

Data to loop through is initialized using ng-init

Dave
Napur
Heedy
Shriva

最佳答案

如果您查看控制台,您会在第一个 ng-repeat 上看到关于重复项的错误。因为您的数组中有两次“There”,所以您需要将 track by 添加到您的 ng-repeat。尝试用这个替换它:

<li data-ng-repeat="Personname in namess track by $index">{{Personname}}</li>

关于javascript - Angular js 不使用 ng-repeat 打印 ng-init 的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42493571/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com