是否有与 Angular 2 的本地模板变量等效的 Aurelia？

【问题标题】：Is there an Aurelia equivalent to Angular 2's local template variables?是否有与 Angular 2 的本地模板变量等效的 Aurelia？
【发布时间】：2016-08-01 00:39:42
【问题描述】：

在Angular 2 中，您可以创建local template variables 以更轻松地访问html 中的元素。

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

Aurelia 中是否有与此等效的功能？

【问题讨论】：

标签： javascript html angular aurelia

【解决方案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);
  }
}

【讨论】：

我完全忽略了这个。谢谢！

【解决方案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

【讨论】：

我要补充一点，您可能应该在 Aurelia 中使用数据绑定来完成将名称输入到视图模型中，而不是像这样传递它。