Biến mẫu trong Angular

Trong Angular, bạn có thể truy cập vào các thẻ trang bằng cách sử dụng biến mẫu. Chúng cho phép bạn liên kết một thẻ với một biến và tham chiếu đến nó trong quá trình hoạt động của component. Để khai báo một biến như vậy, bạn cần đặt dấu # trước tên của nó.

Hãy cùng xem xét trong thực tế. Giả sử, ví dụ, chúng ta có một div. Hãy gán nó vào một biến mẫu:

<div #userName>
	text
</div>

Bây giờ, trong biến userName sẽ chứa tham chiếu đến phần tử DOM của div chúng ta. Và chúng ta có thể làm việc với nó giống như cách làm trong JavaScript thuần. Ví dụ, hãy hiển thị văn bản của div này trong một thẻ khác:

<div>
	{{ userName.textContent }}
</div>

Cho một div. Cho một hình ảnh. Hãy gán tham chiếu đến hình ảnh vào một biến mẫu. Hiển thị src của hình ảnh của chúng ta bên trong div.