12、Aurelia 模板与数据绑定及值转换器的应用

Aurelia 模板与数据绑定及值转换器的应用

1. Aurelia 中的事件绑定

在 Aurelia 中，有两种常用的事件绑定命令： trigger 和 delegate 。

1.1 trigger 命令

trigger 命令适用于那些不会冒泡的事件。以下是一些常见的使用 trigger 命令的示例：

<input focus.trigger  = "test()"> </input>
<form  submit.trigger = "test()"> </form>
<input change.trigger = "test()"> </input>
<input reset.trigger  = "test()"> </input>

以添加书籍表单为例，通过 submit.trigger 可以将表单提交事件绑定到视图模型中的 addBook() 方法：

<form class="form-inline" submit.trigger="addBook()">
  <!-- 表单内容 -->
</form>

当表单提交时，