Chỉ thị trong Angular.JS

Question

Tôi có một thời gian khó hiểu các chỉ thị trong AngularJS. Định nghĩa bởi AngularJS bản thân là khó hiểu lúc tốt nhất:

Directives are a way to teach HTML new tricks. During DOM compilation directives are matched against the HTML and executed. This allows directives to register behavior, or transform the DOM.

một ai đó có thể giải thích chỉ trong AngularJS bằng tiếng Anh thường được sử dụng trong chương trình giảng dạy. Một cái gì đó như: directives are funcions/objects that extends ...

Answer 1

Chúng là một cách để mở rộng HTML, thêm các phần tử mới và/hoặc thêm thuộc tính mới vào các phần tử hiện có. Từ hướng dẫn dành cho nhà phát triển của Angular:

Chỉ thị là hành vi hoặc chuyển đổi DOM được kích hoạt bởi sự hiện diện của thuộc tính tùy chỉnh, tên phần tử hoặc tên lớp. Chỉ thị cho phép bạn mở rộng từ vựng HTML theo cách khai báo.

Bạn có thể sử dụng chúng hoặc cho thêm hành vi sang HTML, việc xác định một liên kết chức năng mà giữ hai chiều ràng buộc giữa các biến thuộc phạm vi và các yếu tố DOM, hoặc cho tự động thao tác DOM, việc xác định một biên dịch chức năng mà có thể sửa đổi hoặc thậm chí tạo các phần tử và thuộc tính DOM mới. Hãy xem đó là cách mở rộng HTML và chuyển đổi nó thành một Ngôn ngữ cụ thể của tên miền .

Answer 2

Chỉ thị có thể là thuộc tính, thẻ hoặc thậm chí là tên lớp.

Khi bạn viết chúng trong đánh dấu HTML của mình, nó được chọn theo góc cạnh và hoạt động theo cách bạn đã xác định.

Nó cung cấp cho bạn khả năng để xác định các phần tử HTML tùy chỉnh mới như hoặc, hoặc hành vi mới các thuộc tính như

<div angry></div> 

Và bất cứ khi nào ai đó sẽ click vào div rằng ông sẽ nhận được và cảnh báo với "Tôi Angry" .

Về cơ bản, bạn có thể thực hiện mọi tiện ích bạn cần để làm cho html của bạn trở nên gọn gàng và dễ hiểu nhất có thể. tất cả phụ thuộc vào cách bạn định nghĩa bạn chỉ thị.

Answer 3

Hướng dẫn AngularJS là kết hợp đánh dấu mẫu HTML (tức là thuộc tính, thành phần và lớp CSS) và hỗ trợ mã JavaScript. Mã JavaScript angularJs xác định dữ liệu html và hành vi của phần tử html.

Chỉ thị AngularJs được sử dụng để mở rộng từ vựng HTML, tức là chúng trang trí các phần tử html với hành vi mới và giúp thao tác các thuộc tính phần tử html theo cách thú vị.

Có một số chỉ thị xây dựng-in được cung cấp bởi AngularJS như là ng-app, ng-điều khiển, ng-repeat, ng-mô hình vv