簡體   English   中英

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

我在做什么錯?.....

您已經使用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>

一個只有一個AngularJS導入的Plunker

具有兩個AngularJS庫導入的Plunker重復了您的問題

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM