[MUSIC]
Trong mô-đun đầu tiên, chúng tôi đã xem xét các chỉ thị ngắn gọn và
chúng tôi xem xét các chỉ thị cấu trúc.
Chúng tôi đã thấy cách các chỉ thị cấu trúc cho phép chúng tôi thiết kế các mẫu.
Đối với các thành phần Angular của chúng tôi.
Trong bài học này, chúng ta sẽ xem xét các chỉ thị thuộc tính.
Loại thứ ba của chỉ thị.
Và chúng ta cũng sẽ xem xét làm thế nào chúng ta có thể thiết kế một chỉ thị tùy chỉnh
trong bài tập mà sau bài giảng này.
Vì vậy, như chúng tôi nhận ra, chỉ thị là một cách
thiết kế cả hai mẫu Angular và cho phép chúng tôi để làm
các phần khác nhau của thao tác đập với một R Angular quan điểm ứng dụng.
Vì vậy, chúng tôi đã thấy việc sử dụng các chỉ thị để đưa ra hướng dẫn cho sự lặp lại góc và
làm thế nào để hiển thị các mẫu vào DOM.
Và chúng tôi đã học được rằng trong ứng dụng Angular,
việc sử dụng các chỉ thị cấu trúc trong các mẫu cho phép chúng
tôi thiết kế quan điểm của chúng tôi về ứng dụng Angular của chúng tôi.
Chúng tôi cũng học được rằng các thành phần mà chúng tôi đã sử dụng rất
rộng rãi trong các bài tập khác nhau trong khóa học này.
Nó là một loại chỉ thị đặc biệt trong đó có một mẫu hoặc một cái nhìn gắn liền với nó.
Và chúng tôi cũng đã học được trước đó rằng,
có hai loại chỉ thị khác mà chúng tôi có thể sử dụng trong các mẫu của chúng tôi.
Các chỉ thị cấu trúc và thuộc tính chỉ thị.
Chúng tôi đã xem xét một số chỉ thị cấu trúc tích hợp trong
mô-đun đầu tiên của khóa học này.
Và chúng tôi đã thấy cách chúng tôi có thể sử dụng các chỉ thị cấu trúc như NG4 hoặc NGF và
nhiều hơn nữa trong các bài tập đó trong các phần trước của khóa học này.
Bây giờ chúng ta sẽ xem xét các loại chỉ thị khác, chỉ thị thuộc tính.
Chỉ thị thuộc tính là gì và
nó giúp chúng tôi như thế nào khi thiết kế ứng dụng Angular của chúng tôi.
Vậy các chỉ thị thuộc tính là gì?
Chỉ thị thuộc tính được sử dụng làm thuộc tính cho các phần tử trong mẫu của bạn.
Vì vậy, chỉ như thế mà bạn có mã HTML của bạn mà bạn viết trong mẫu của bạn và
các yếu tố HTML bạn có thể áp dụng một chỉ thị thuộc tính
cho những yếu tố HTML.
Chúng tôi cũng đã thấy chỉ thị cấu trúc của người dùng.
Và chúng tôi thấy các thành phần có thể tự thêm các
yếu tố giống như HTML bổ sung có thể được sử dụng trong các mẫu của ứng dụng Angular của bạn.
Vì vậy, cách chúng tôi sử dụng các thành phần với bộ chọn của chúng
là một cách chúng tôi sử dụng các chỉ thị trong ứng dụng Angular của chúng tôi.
Khi chúng ta thấy việc sử dụng các chỉ thị cấu trúc đã được áp dụng cho
các yếu tố HTML khác nhau trong mẫu của chúng tôi.
Bây giờ chúng ta nhìn vào các chỉ thị thuộc tính cho phép chúng ta thay đổi
các thuộc tính nhất định của các phần tử HTML của chúng tôi.
Vì vậy, việc sử dụng các chỉ thị thuộc tính là gì?
Chỉ thị thuộc tính lắng nghe và sửa đổi hành vi của các phần tử HTML khác hoặc
thuộc tính hoặc các thành phần mà bạn sử dụng trong mẫu của bạn.
Chúng tôi đã thực sự thực sự sử dụng một số các
thuộc tính được xây dựng trong chỉ thị đã mà không nói rõ ràng về chúng.
Nói về các chỉ thị thuộc tính tích hợp sẵn mà đến như là một phần của
khung Angular của bạn.
Bạn đã gặp phải mô hình Ng trong một số bài học trước đây
trong khóa học này, cụ thể là trong khu vực ràng buộc dữ liệu và
cũng khi chúng tôi nghiên cứu về các phông chữ trong mô-đun trước đó.
Có hai loại khác được xây dựng trong chỉ thị thuộc tính mà chúng ta
có thể gặp phải là NGClass và NGStyle.
Theo tên chính nó, bạn có thể đoán mục đích của họ là gì.
Tương tự như vậy, có một số mô-đun khác mà bạn sử dụng trong
các ứng dụng Angular của bạn như FormSmodule và cũng RouterModule có
tập hợp riêng của họ các chỉ thị thuộc tính tích hợp mà chúng tôi sử dụng.
Thật vậy, chúng tôi đã sử dụng chúng khi chúng tôi xác định các hình thức và
cũng sử dụng router trong ứng dụng Angular của chúng tôi trước đó.
Bây giờ, tại thời điểm này, bạn có thể tự hỏi, làm thế nào để tôi đi về tạo ra
chỉ thị thuộc tính của riêng tôi nếu tôi quan tâm đến việc tạo ra một chỉ thị tùy chỉnh, vì vậy
đây là nơi chúng ta sẽ xem xét làm thế nào bạn có thể lấy được một chỉ thị tùy chỉnh.
Hãy khám phá các chỉ thị tùy chỉnh trong trang chiếu tiếp theo một thời gian ngắn và
trong bài tập sau.
Vì vậy, trong các chỉ thị tùy chỉnh mong đợi của bạn là bạn sẽ có thể thực hiện
những gì bạn quan tâm.
Đặc biệt, vì vậy đây là nơi chúng ta có thể tạo ra các chỉ thị tùy chỉnh của riêng mình.
Sử dụng CLI góc, bạn có thể giàn giáo ra mã xương trần cho một chỉ thị
và sau đó sửa đổi mã đó để thực hiện chỉ thị tùy chỉnh của bạn.
Vì vậy, khi bạn thực hiện một chỉ thị tùy chỉnh bằng cách sử dụng Angular CLI,
nó sẽ tạo ra một chỉ thị cho bạn.
Và sau đó bạn sẽ ngay lập tức nhận thấy rằng trong chỉ thị,
bạn sẽ được sử dụng rằng chỉ thị trang trí trang trí công phu
lớp để chuyển đổi các lớp thành một chỉ thị và
chúng ta sẽ gặp phải một trong những như vậy trong bài tập sau.
Ngoài ra, với giám đốc, đặc biệt là khi bạn đang sử dụng chỉ thị thuộc tính và
bạn muốn sửa đổi bất kỳ phần tử nào được sử dụng trong mẫu của bạn.
Một lớp khác hữu ích cho chúng ta được gọi là ElemenTref.
Điều này cũng quan trọng từ mã Angular, và điều này được tiêm vào
constructor chỉ thị của bạn, viết lớp chỉ thị của bạn.
Và sau đó điều này cho phép bạn truy cập vào các phần tử DOM và
sau đó thực hiện sửa đổi cho chúng.
Vì vậy, với sự hiểu biết nhanh chóng về cách bạn có thể tạo ra các chỉ thị tùy chỉnh,
chúng ta hãy xem một ví dụ trong bài tập sau bài giảng này.
[ NHẠC]