[AngularJS] - Bai 19 -2
RUN
<!doctype html> <html lang="vi"> <head> <meta charset="UTF-8"> <title>Ví dụ sử dụng Directive ng-repeat</title> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script> <style> *{margin:0;padding:0} body{margin:50px} footer, div.body,header{margin: 10px; } footer{border:solid 1px red; background: red} div.body{border:solid 1px blue; background: blue} header{border:solid 1px pink; background: pink} </style> <script> angular.module('ngShowHide', []) .controller('myController', ['$scope', function($scope) { $scope.items = ["Xin chào", 'Hello', "Freetuts.net"]; }]); </script> </head> <body ng-app="ngShowHide"> <div ng-controller="myController"> <header ng-repeat-start="item in items"> Header {{ item }} </header> <div class="body"> Body {{ item }} </div> <footer ng-repeat-end> Footer {{ item }} </footer> </div> </body> </html>
PHÓNG TO