Bài 14: Làm thế nào để sử dụng ng-repeat-start và ng-repeat-end trong Angularjs

Lượt xem: 5894

Xem demo

Bài 14: Làm thế nào để sử dụng ng-repeat-start và ng-repeat-end trong Angularjs

Để tra lời cho câu hỏi “Làm thế nào để sử dụng ng-repeat-start và ng-repeat-end trong Angularjs”. Chúng ta cùng xem ví dụ sau để biết cách sử dụng:


 <html>  
   <head>  
    <title>ng-repeat-start và ng-repeat-end 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 = ["Một", 'Hai', "Ba"];  
                   }]);   
     </script>  
   </head>  
   <body ng-app="MyForm">  
   <h3> Ng-repeat-start và ng-repeat-end </h3>
      <header ng-repeat-start="item in items" > 
          Header{{item}}  
    </header> 
           <div class="body">
             Body{{item}}
     </div>
	  <footer ng-repeat-end>
             Footer{{item}}
     </footer>
   </body>  
 </html> 

Xem demo