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