Tổng hợp tài liệu đầu đủ nhất học Angular

1. Lịch Sử Của AngularJS  AngularJS là một dự án mã nguồn mở được phát triển đầu tiên bởi Miško Hevery một nhân viên của Google. Hevery b...

1. Lịch Sử Của AngularJS AngularJS là một dự án mã nguồn mở được phát triển đầu tiên bởi Miško Hevery một nhân viên của Google. Hevery bắt đầu nghiên cứu và phát triển dự án vào năm 2009 và phiên bản 1.0 được cho ra mắt vào năm 2012. Do sự hữu ích của dự án này nên Google quyết định là công ty chính thức đứng đằng sau hỗ trợ sự phát triển của AngularJS. Phiên bản hiện tại của AngularJS vào thời điểm này là 1.6.6
2. AngularJS Là Gì ? AngularJS là một Framework được viết bằng Javascript. AngularJS không chỉ đơn giản là một thư viện mà nó còn là một framework. Khác với các thư viện Javascript như jQuery, AngularJS đưa ra hướng dẫn cụ thể hơn cách cấu trúc mã lệnh HTML và Javascript. Ví dụ bạn sẽ thấy khi sử dụng AngularJS, mã lệnh HTML thường được viết theo cấu trúc như sau:
 <div ng-app="">
  <p><input type="text" ng-model="name"></p>
  <p ng-bind="name"></p>
 </div>
Ở ví dụ trên chúng ta thấy trong một số thẻ HTML có các thuộc tính lạ với tiền tố ng- như ng-app, ng-model và ng-name. Trong AngularJS chugns được gọi là các chỉ dẫn hay directives. Các chỉ dẫn này có ý nghĩa như sau:
  • Chỉ dẫn ng-app="" được dùng để giúp AngularJS đánh dấu ứng dụng sẽ được bắt đầu từ bằng nào trong HTML.
  • Chỉ dẫn ng-model="name" được dùng để kết nối giá trị của trường <input> với giá trị của biến name trong ứng dụng AngularJS
  • Chỉ dẫn ng-bind="name" dùng để gắn giá trị của biến name ở trên trở thành giá trị innerHTML của thẻ <p>
Để chạy ứng dụng AngularJS chúng ta cần nhúng AngularJS Framework vào trang HTML phía trên. Bạn có thể sử dụng đường dẫn CDN của Google để tham chiếu tới khung làm việc này: <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
Đây là mã lệnh đầy đủ khi đã nhúng AngularJS lên trang:
<html>
<head>
    <title>AngularJS</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
</head>
<body>
    <div ng-app="">
      <p><input type="text" ng-model="name"></p>
      <p ng-bind="name"></p>
    </div>
</body>
</html>
Khi mở tập tin HTML trên trên trình duyệt bạn sẽ thấy kết quả tương tự như sau:
Để hiểu được AgnularJS hoạt động như thế nào thì bạn cần nhập văn bản vào ô <input>. Khi nhập văn bản bạn sẽ thấy rằng nội dung bên trong thẻ <p> thứ 2 cũng sẽ thay đổi theo.

COMMENTS

BLOGGER: 1
Loading...
Tên

Alpha Books,14,ăn vặt,3,bánh_mì_ốp_la,1,blog,6,Buffer,1,buffet,1,Cars,3,City,3,Du Học,1,Địa Điểm Gò Công,16,Đồ Họa,8,Entertainment,3,Fashion,7,Fintech 4.0,1,First News - Trí Việt,2,Foods,7,Gallery,6,Game,19,gò công,3,Graphic Design,8,hackinh,1,IELTS,1,Khóa Học,120,lẩu_gà,1,lớp 3,1,Mặt Trái Của Công Nghệ Ebook,1,mi-tron,1,Motion Design,8,Movies,2,Music,12,Nature,6,nhà đất,5,NOKIA,1,People,11,Phần Mềm,22,Phim,1,Phone,4,Print Design,2,Sách,627,SẢN PHẨM,7,Server,2,Short,1,Sports,7,Tài Liệu Lớp 10,1,Technology,13,Test,1,Thái Hà Books,1,theme,1,tiếng anh,5,Tin Tức,68,Title,2,toán,1,Toán Lớp 10,1,Travel,5,Trương Định,27,Update,2,Video,7,Vip,1,Web Design,9,wiki,2,
ltr
item
TruongDinhVn - Chia sẽ các khóa học, ebook,audiobook miễn phí: Tổng hợp tài liệu đầu đủ nhất học Angular
Tổng hợp tài liệu đầu đủ nhất học Angular
https://1.bp.blogspot.com/-JfZdDm6r7Bk/W8L-kC1u3aI/AAAAAAAAfLQ/A5lsBSNYpyc5lPB_VMcxaAnsibuk-AGOwCLcBGAs/s640/Kh%25C3%25B3a%2BH%25E1%25BB%258Dc%2BMi%25E1%25BB%2585n%2BPh%25C3%25AD%2BwWw.Tr%25C6%25B0%25C6%25A1ng%25C4%2590%25E1%25BB%258Bnh.vn%2B2018-10-14_152951.jpg
https://1.bp.blogspot.com/-JfZdDm6r7Bk/W8L-kC1u3aI/AAAAAAAAfLQ/A5lsBSNYpyc5lPB_VMcxaAnsibuk-AGOwCLcBGAs/s72-c/Kh%25C3%25B3a%2BH%25E1%25BB%258Dc%2BMi%25E1%25BB%2585n%2BPh%25C3%25AD%2BwWw.Tr%25C6%25B0%25C6%25A1ng%25C4%2590%25E1%25BB%258Bnh.vn%2B2018-10-14_152951.jpg
TruongDinhVn - Chia sẽ các khóa học, ebook,audiobook miễn phí
https://www.xn--trngnh-e3a36i3dr353a.vn/2018/10/tong-hop-tai-lieu-au-u-nhat-hoc-angular.html
https://www.xn--trngnh-e3a36i3dr353a.vn/
http://www.xn--trngnh-e3a36i3dr353a.vn/
http://www.xn--trngnh-e3a36i3dr353a.vn/2018/10/tong-hop-tai-lieu-au-u-nhat-hoc-angular.html
true
4617887190895090632
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow Đây là nội dung quý hiếm để tránh google quét chết link Vui lòng đăng nhập Facebook hoặt Tweet để like và share để hiện link Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy