Aurelia是否等同于Angular 2的本地模板变量？

Question

在Angular 2您可以创建本地模板变量更容易地访问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