是否存在与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