Aurelia - Refs

Trong chương này, bạn sẽ thấy một số ví dụ đơn giản về các ref của Aurelia. Bạn có thể sử dụng nó để tạo tham chiếu đến một đối tượng cụ thể. Bạn có thể tạo một tham chiếu đến các phần tử hoặc thuộc tính, như trong bảng sau.

Bảng tham chiếu

Sr.No	Ví dụ & Mô tả
1	ref = "myRef" Được sử dụng để tạo tham chiếu đến phần tử DOM.
2	attribute-name.ref = "myRef" Được sử dụng để tạo tham chiếu đến mô hình chế độ xem của thuộc tính tùy chỉnh.
3	view-model.ref = "myRef Được sử dụng để tạo tham chiếu đến mô hình chế độ xem của phần tử tùy chỉnh.
4	view.ref = "myRef" Được sử dụng để tạo tham chiếu đến phiên bản dạng xem phần tử tùy chỉnh.
5	rcontroller.ref = "myRef" Được sử dụng để tạo tham chiếu đến cá thể bộ điều khiển của phần tử tùy chỉnh.

Trong ví dụ sau, chúng tôi sẽ tạo một tham chiếu đến inputthành phần. Chúng tôi sẽ sử dụng cú pháp lớp mặc định như mộtview-model.

app.js

export class App { }

Chúng tôi đang tạo tham chiếu đến input bằng cách thêm ref = "name" thuộc tính.

app.html

<template>
   <input type = "text" ref = "name"><br/>
   <h3>${name.value}</h3>
</template>

Khi chúng tôi chạy ứng dụng, chúng tôi sẽ thấy rằng văn bản được nhập vào trường nhập liệu được hiển thị trên màn hình.