📜  Aurelia-绑定行为

📅  最后修改于: 2020-12-09 05:23:05             🧑  作者: Mango


在本章中,您将学习如何使用行为。您可以将绑定行为视为可以更改绑定数据并以其他格式显示的过滤器。

风门

此行为用于设置应该多长时间进行一次绑定更新。我们可以使用节流阀来减慢更新输入视图模型的速度。考虑上一章中的示例。默认速率为200毫秒。我们可以通过在输入中添加&2000节流阀将其更改为2秒

app.js

export class App {  
   constructor() {
      this.myData = 'Enter some text!';
   }
}

app.html


Aurelia约束行为节气门

去抖动

防抖几乎和油门一样。区别在于,防抖动将在用户停止键入后更新绑定。如果用户停止键入两秒钟,下面的示例将更新绑定。

app.js

export class App {  
   constructor() {
      this.myData = 'Enter some text!';
   }
}

app.html


一度

oneTime是最有效的行为表现。当您知道数据仅应绑定一次时,应始终使用它。

app.js

export class App {  
   constructor() {
      this.myData = 'Enter some text!';
   }
}

app.html


上面的示例将文本绑定到视图。但是,如果更改默认文本,则仅绑定一次,因此不会发生任何事情。