Aurelia版本的Angular的改变

Question

我正在将一个Angular app移植到Aurelia作为学习练习,我不知道如何重新创建Angular ng-change行为.

有一个元素,当更改时触发javascript回调.我不知道如何在Aurelia做到这一点.或者我应该只使用HTML5？

Answer 1

要将方法/表达式绑定到事件,请使用event.delegate="expression",将"event"替换为实际的事件名称,如change或input.

这是一个例子:https://gist.run？id = a3ced6a08842a421a715c7df068b41d5

app.html

<template>
  <form change.delegate="changeCount = changeCount + 1"
        input.delegate="incrementInputCount($event.target)">
    <p>
      This form has changed ${changeCount} times.
      The input event has fired ${inputCount} times.
    </p>
    <input type="text" placeholder="type something...">
    <input type="text" placeholder="type something...">
    <input type="text" placeholder="type something...">
  </form>
</template>

app.js

export class App {
  changeCount = 0;
  inputCount = 0;

  incrementInputCount(inputElement) {
    console.log(inputElement.value);
    this.inputCount++;
  }
}

注意:如果事件没有冒泡(例如聚焦/模糊),请使用event.trigger并将绑定直接放在将触发事件的元素上.例如,<input blur.trigger="doSomething()">.