Đầu tiên các bạn tạo 1 thư mục đặt tên là angular có thể để trong webservice của bạn nếu bạn đã cài server ảo như xampp, sau đó tạo thư mục js và cho file angular.min.js lúc nãy bạn đã download vào, sau đó các bạn tạo file index.html cùng cấp với thư mục js, cấu trúc như sau:
src="js/angular.min.js"></script> dùng để thêm thư viện của AngularJS vào ứng dụng.
<html ng-app="myApp"> dùng để báo cho AngularJS biết bắt đầu một chương trình, lúc này AngularJS sẽ đọc toàn bộ mô tả chi tiết của trang web và nhận biết các directive là các thuộc tính được bắt đầu bằng chữ ng-... như ng-app, ng-controller, ng-click ... và thực hiện các đoạn code trong thẻ html này. myApp là tên module chúng ta có thể đặt tùy ý, Thế nhưng ng-app là keyword của AngularJS nên phải bắt buộc.
<body ng-controller="myCtrl"> dùng để xử lý các đoạn code AngularJS trong phạm vi thẻ body vì thế các directive nằm ngoài thẻ body này sẽ không được xử lý (Ứng dụng có từ 2 controller trở lên thì AngularJS mới phân biệt phạm vi của các controller, trong loạt bài sau chúng ta sẽ tìm hiểu về multi controller trong AngularJS).
dùng để khai báo AngularJS, trong đó:
var app = angular.module('myApp', []); là bắt đầu viết code cho module myApp được gán thông qua biến app
app.controller('myCtrl', function($scope): là khai báo controller myCtrl kèm theo biến cục bộ $scope sau đó xử lý dữ liệu bên trong controller. Trong bài viết này controller myCtrl truyền đối tượng data với 2 trường là topic và website ra ngoài view.
src="js/angular.min.js"></script> dùng để thêm thư viện của AngularJS vào ứng dụng.
<html ng-app="myApp"> dùng để báo cho AngularJS biết bắt đầu một chương trình, lúc này AngularJS sẽ đọc toàn bộ mô tả chi tiết của trang web và nhận biết các directive là các thuộc tính được bắt đầu bằng chữ ng-... như ng-app, ng-controller, ng-click ... và thực hiện các đoạn code trong thẻ html này. myApp là tên module chúng ta có thể đặt tùy ý, Thế nhưng ng-app là keyword của AngularJS nên phải bắt buộc.
<body ng-controller="myCtrl"> dùng để xử lý các đoạn code AngularJS trong phạm vi thẻ body vì thế các directive nằm ngoài thẻ body này sẽ không được xử lý (Ứng dụng có từ 2 controller trở lên thì AngularJS mới phân biệt phạm vi của các controller, trong loạt bài sau chúng ta sẽ tìm hiểu về multi controller trong AngularJS).
dùng để khai báo AngularJS, trong đó:
var app = angular.module('myApp', []); là bắt đầu viết code cho module myApp được gán thông qua biến app
app.controller('myCtrl', function($scope): là khai báo controller myCtrl kèm theo biến cục bộ $scope sau đó xử lý dữ liệu bên trong controller. Trong bài viết này controller myCtrl truyền đối tượng data với 2 trường là topic và website ra ngoài view.
0 nhận xét:
Đăng nhận xét