Учебники

Аурелия — обязательное поведение

Январь 1, 2019

В этой главе вы узнаете, как использовать поведение . Вы можете рассматривать поведение привязки как фильтр, который может изменять данные привязки и отображать их в другом формате.

дроссель

Это поведение используется, чтобы установить, как часто должно происходить какое-либо обязательное обновление. Мы можем использовать газ для замедления скорости обновления входной модели представления. Рассмотрим пример из последней главы. Скорость по умолчанию составляет 200 мс . Мы можем изменить это на 2 секунды , добавив & throttle: 2000 к нашему входу.

app.js 

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

app.html 

<template>
   <input id = "name" type = "text" value.bind = "myData & throttle:2000" />
   <h3>${myData}</h3>
</template>

Aurelia Binding Поведение Дросселя

Debounce

debounce почти такой же, как газ . Разница в том, что debounce обновит привязку после того, как пользователь перестал печатать. В следующем примере будет обновлена ​​привязка, если пользователь перестанет печатать на две секунды.

app.js 

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

app.html 

<template>
   <input id = "name" type = "text" value.bind = "myData & debounce:2000" />
   <h3>${myData}</h3>
</template>

один раз

oneTime — наиболее эффективный способ поведения. Вы всегда должны использовать его, когда знаете, что данные должны быть связаны только один раз.

app.js 

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

app.html 

<template>
   <input id = "name" type = "text" value.bind = "myData & oneTime" />
   <h3>${myData}</h3>
</template>

Приведенный выше пример свяжет текст с представлением. Однако если мы изменим текст по умолчанию, ничего не произойдет, поскольку он связан только один раз.

41
Share: