Mẫu trong góc

Trong Angular, mẫu là bản thiết kế cho một đoạn giao diện người dùng (UI). Các mẫu được viết bằng HTML và cú pháp đặc biệt có thể được sử dụng trong một mẫu để xây dựng trên nhiều tính năng của Angular.

Góc mở rộng cú pháp HTML trong các mẫu của bạn với chức năng bổ sung.
Ví dụ: cú pháp liên kết dữ liệu của Angular giúp thiết lập các thuộc tính Mô hình Đối tượng Tài liệu (DOM) một cách linh hoạt.

Hầu như tất cả cú pháp HTML là cú pháp mẫu hợp lệ. Tuy nhiên, vì mẫu Angular chỉ là một phần của giao diện người dùng, nên nó không bao gồm các phần tử như <html>, <body> hoặc <base>.

Lưu ý: - Để loại bỏ nguy cơ tấn công script injection, Angular không hỗ trợ phần tử <script> trong các mẫu. Angular bỏ qua thẻ <script> và đưa ra cảnh báo cho bảng điều khiển trình duyệt. Để biết thêm thông tin, hãy xem trang Bảo mật.

Hiển thị giá trị với phép nội suy

Nội suy đề cập đến việc nhúng các biểu thức vào văn bản được đánh dấu. Theo mặc định, phép nội suy sử dụng dấu ngoặc nhọn kép {{ và }} làm dấu phân cách.

Thí dụ:

app.component.ts

message = "Here is the initialize message";

<p> {{message}} </p>

Thí dụ:-

<p>{{title}}</p>
<div><img alt="item" src="{{itemImageUrl}}"></div>

app.component.ts

message = "Here is the initialize message";
getMessage():string{
  return this.message;
}

<p>{{getMessage()}}</p>

Các câu lệnh mẫu là các phương thức hoặc thuộc tính mà bạn có thể sử dụng trong HTML của mình để phản hồi các sự kiện của người dùng. Với các câu lệnh mẫu, ứng dụng của bạn có thể thu hút người dùng thông qua các hành động như hiển thị nội dung động hoặc gửi biểu mẫu.

Thí dụ:-

(click) = "updateMessage()"
<button (click) = "updateMessage()">Update Message</button>

Giống như các biểu thức mẫu, các câu lệnh mẫu sử dụng một ngôn ngữ giống như JavaScript. Tuy nhiên, trình phân tích cú pháp cho câu lệnh mẫu khác với trình phân tích cú pháp cho biểu thức mẫu. Ngoài ra, trình phân tích cú pháp câu lệnh mẫu đặc biệt hỗ trợ cả phép gán cơ bản (=) và biểu thức xâu chuỗi bằng dấu chấm phẩy (;).

Cú pháp biểu thức mẫu và JavaScript sau đây không được phép:

1. Mới
2. Toán tử tăng và giảm, ++ và —
3. Phép gán toán tử, chẳng hạn như += và -=
4. Các toán tử bitwise, chẳng hạn như | và &
5. Người vận hành đường ống