Bài 13 Sử dụng ng-repeat trong Angularjs như thế nào?

Lượt xem: 7466

Xem demo

Sử dụng ng-repeat trong Angularjs như thế nào?

Để trả lời cho câu hỏi trên chúng ta cùng xem qua ví dụ sau:

 <html>  
   <head>  
    <title>Sử dụng ng-repeat trong AngularJS</title>  
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>  
     <script>  
        angular.module('MyForm', [])  
           .controller('myController', ['$scope', function($scope) {  
 $scope.items = ["Hi", 'Hello', "Welcome"];  
                 $scope.items2 = {  
             name: "DANDEV",  
             website: "dandev.net"  
           };  
             }]);   
     </script>  
   </head>  
   <body ng-app="MyForm">  
      <div ng-repeat="item in items" style="border:solid 1px red; margin: 10px"> 
          {{item}}  
    </div> 
      @* AND using (key, value) in expression via ng-repeat *@  
         <div ng-repeat="(key,value) in items2">
             {{key}} - {{value}}  
     </div>
   </body>  
 </html> 

Xem demo