AngularJS là gì
AngularJS phiên bản 1.0 ra đời năm 2012. Miško Hevery, nhân viên Google, bắt đầu làm việc với AngularJS năm 2009.
AngularJS là một framework JavaScript, là một thư viện được lưu trong tập tin Javasript, và được bổ sung vào trang HTML trong thẻ <script>.
AngularJS kế thừa các thuộc tính HTML với Directives, và ràng buộc dữ liệu đến HTML với Expressions.
Nghiên cứu AngularJS, bạn cần biết cơ bản về HTML, CSS, Javascript.
Ví dụ AngularJS
<!DOCTYPE html>
<html lang="en-US">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<div ng-app="">
<p>Name : <input type="text" ng-model="name"></p>
<h1>Hello {{name}}</h1>
</div>
</body>
</html>
Các chỉ hướng của AngularJS
AngularJS kế thừa HTML với ng-directives.
Chỉ hướng ng-app định nghĩa một ứng dụng AngularJS.
Chỉ hướng ng-model ràng buộc giá trị của điều khiển HTML (input, select, textarea) đến dữ liệu ứng dụng.
Chỉ hướng ng-bind ràng buộc dữ liệu ứng dụng đến trang HTML.
Ví dụ AngularJS:
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<div ng-app="">
<p>Name: <input type="text" ng-model="name"></p>
<p ng-bind="name"></p>
</div>
</body>
</html>
Giải thích ứng dụng:
AngularJS bắt đầu tự động khi trang web được duyệt.
Chỉ hướng ng-app báo AngularJS thẻ <div> là "owner" của một ứng dụng AngularJS.
Chỉ hướng ng-model ràng buộc giá trị của thẻ nhập đến biến name của ứng dụng
Chỉ hướng ng-bind ràng buộc nội dung innerHTML của thẻ <p> đến biến name của ứng dụng
» Tin mới nhất:
» Các tin khác: