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

时间:2016-04-11 02:07:30

标签: javascript html angular aurelia

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

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

Aurelia是否有与此类似的功能?

2 个答案:

答案 0 :(得分:7)

是的 - 这是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);
  }
}

答案 1 :(得分:6)

使用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