Tìm Hiểu Angularjs

Bài đăng này đã không được cập nhật trong 3 năm

Tìm hiểu Angularjs(CRUD, filter, sort, popup, editable)

Định ghĩa và sự ra đời của angulajs

AngularJS được phát triển bởi Google. Mục tiêu của AngularJS là tạo ra các single-page application, nó được phát triển theo mô hình MVC

Angulajs sử dung các ng-* tag vào html Sau đó sử dụng js tương tác two-way binding một cách đồng bộ giữa model và view. AngularJS làm cho việc xữ lý DOM cho nên dễ dàng debug hay test và sửa chữa

Cài đặt

Có hai cách cài đặt angularjs vào project

include dòng này vào file html <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular.min.js"></script>
Tải file angulajs.min.js vào trong project

Các định ghĩa cần biết khi làm angularjs

scope

Nhận ra sự thay đổi của các model objects và tạo ra context để thực thi sự thay đổi, tác động đó.
Quản lý sự thay đổi của model và báo cho view, ngoài ra nó còn chuyển các events cho controller xữ lý

Model

Như là một object javascript

Data-binding

Angular thược hiện các thao tác với dữ liệu thuộc tính ng-model trong html, việc sử dụng data-binding sẽ giúp tối ưu hoá mã nguồn và giúp giảm số lượng dòng code mà bạn phải viết, giúp cho việc hiển thị dữ liệu tức thì không cần phải load trang

Ví dụ đơn giản về model và data-binding

<input ng-model="title"> <p>{{ name }}</p>

ở đây có một ng-model có tên là name và model name này được binding vào cặp thẻ {{}} và khi bạn thay đổi title trên thẻ input thì giá trị của thẻ p cũng lập tức thay đổi theo