У меня есть компонент, который обертывает другой компонент <inner-component>
и привязывается к настраиваемому событию InnerComponent.innerChanged()
. Я хочу пузыриться с использованием свойства @output
, но также хочу отменить вывод.
Как использовать RxJS
.debounce()
или .debounceTime()
для этого?
Что-то вроде этого:
import {Component, Output, EventEmitter} from 'angular2/core';
import 'rxjs/add/operator/debounce';
import 'rxjs/add/operator/debounceTime';
@Component({
selector: 'debounced-component',
template: `
<div>
<h1>Debounced Outer Component</h1>
// export class InnerComponent{
// @Output() innerChanged: new EventEmitter<string>();
// onKeyUp(value){
// this.innerChanged.emit(value);
// }
// }
<input #inner type="text" (innerChange)="onInnerChange(inner.value)">
</div>
`
})
export class DebouncedComponent {
@Output() outerValueChanged: new EventEmitter<string>();
constructor() {}
onInnerChange(value) {
this.outerValuedChanged.emit(value); // I want to debounce() this.
}
}