Aurelia-심판

이 장에서는 Aurelia ref의 몇 ​​가지 간단한 예를 볼 수 있습니다. 이를 사용하여 특정 개체에 대한 참조를 만들 수 있습니다. 다음 표와 같이 요소 또는 속성에 대한 참조를 생성 할 수 있습니다.

참조 표

Sr. 아니요 예 및 설명
1

ref = "myRef"

DOM 요소에 대한 참조를 만드는 데 사용됩니다.

2

attribute-name.ref = "myRef"

사용자 지정 속성의 뷰 모델에 대한 참조를 만드는 데 사용됩니다.

view-model.ref = "myRef

맞춤 요소의 뷰 모델에 대한 참조를 만드는 데 사용됩니다.

4

view.ref = "myRef"

사용자 정의 요소보기 인스턴스에 대한 참조를 작성하는 데 사용됩니다.

5

rcontroller.ref = "myRef"

사용자 지정 요소의 컨트롤러 인스턴스에 대한 참조를 만드는 데 사용됩니다.

다음 예제에서 우리는 input요소. 기본 클래스 구문을view-model.

app.js

export class App { }

우리는 input 요소를 추가하여 ref = "name" 속성.

app.html

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

앱을 실행하면 입력 필드에 입력 한 텍스트가 화면에 렌더링되는 것을 볼 수 있습니다.