是否存在與Angular 2的本地模板變量等效的Aurelia？

Question

在Angular 2中，您可以創建local template variables以更輕鬆地訪問html中的元素。

<input #name type="text"> 
<button (click)="submit(name.value)">Submit</button> 

在Aurelia中是否有與此相當的功能？

Answer 1

是的 - 這是ref屬性。

下面是一個例子：https://gist.run?id=7d1140ba81542bf7a2609a0d09fcdea5

app.html

<template> 
    <input ref="name"> 
    <button click.delegate="submit(name.value)">Click Me</button> 
</template> 

app.js

export class App { 
    submit(name) { 
    alert(name); 
    } 
} 

Answer 2

使用ref

<input type="text" ref="name" /> 

<button click.delegate="submit(name.value)">Submit</button> 

http://aurelia.io/docs#/aurelia/framework/1.0.0-beta.1.1.4/doc/article/cheat-sheet/5