我有一个自定义属性,我有一个可绑定的属性。
HTML
<div my-attribute="show.bind: isVisible & throttle: 300">
<button>Click Me!</button>
</div>
属性JS
@customAttribute('my-attribute')
export class MyAttributeCustomAttribute{
@bindable show;
showChanged(newValue, oldValue) {
// do stuff
}
}
我只希望在300ms之后调用showChanged
并进行限制,所以我希望前沿为false,后缘为true。我可以在lodash / underscore中实现这一点,比如说一个窗口大小调整事件:
$(window).bind("resize", _.throttle(this.myFunction, 300, { 'leading': false }));
我尝试使用debounce
实现此目的,但我的理解是它不会在指定的时间内触发所有事件的最后一个事件?
如何通过可绑定的属性更改实现相同的效果?通过html的绑定行为方法是否不正确,我应该纯粹在JS中这样做?