AngularJs ng-repeat无法正常工作
[英]AngularJs ng-repeat is not working properly
问题描述
我对angularjs很陌生。 我陷入ng-repeat指令中。
这是我的代码：
<html ng-app>
<head>
<title>Looping Example</title>
<script type="text/javascript" src="js/lib/angular.min.js"></script>
<script type="text/javascript" src="js/lib/angular.js"></script>
<script type="text/javascript">
function helloWorldExampleCtrl($scope){
$scope.userName = "Vicky!"
$scope.contacts = ["hi@email.com", "hello@email.com"];
}
</script>
</head>
<body>
<div>
<h1 ng-controller="helloWorldExampleCtrl">Welcome {{userName}} ! <br/>
Emails : <br>
<ul>
<li ng-repeat="contact in contacts"> {{ contact }} </li>
</ul>
</h1>
</div>
</body>
</html>
我得到的输出：
Welcome Vicky! !
Emails :
hi@email.com
hi@email.com
hello@email.com
hello@email.com
但是除外的是：
Welcome Vicky! !
Emails :
hi@email.com
hello@email.com
我在做什么错？.....
1 个解决方案
解决方案1
1 已采纳 2014-03-16 01:47:51
您已经使用script标签将两个版本的AngularJS库添加到页面中。 删除一个以解决问题：
<html ng-app>
<head>
<title>Looping Example</title>
<script type="text/javascript" src="js/lib/angular.min.js"></script>
<script type="text/javascript">
function helloWorldExampleCtrl($scope){
$scope.userName = "Vicky!"
$scope.contacts = ["hi@email.com", "hello@email.com"];
}
</script>
</head>
<body>
<div>
<h1 ng-controller="helloWorldExampleCtrl">Welcome {{userName}} ! <br/>
Emails : <br>
<ul>
<li ng-repeat="contact in contacts"> {{ contact }} </li>
</ul>
</h1>
</div>
</body>
</html>
复选框无法与ng-repeat，AngularJs一起正常使用
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.