Join Bonnie Jean Brennan for an in-depth discussion in this video Observable from input with debounce(), part of Learning RxJS.
- [Instructor] Next, let's add a search feature…We'll start with a simple text input field,…then we'll access it from the component and watch it.…I'm going to use Angular's ngModel for this…but I know there are many ways to achieve this…so if you're using React or any other framework,…you're welcome to freestyle a bit here.…Real quick, in order to use ngModel,…I need to import FormsModule.…So, we've opened up app.module and we'll pull that in.…Okay, that's all we need, now let's go to the html…and create our input field.…So we don't need that click button right now,…so we're going to replace that with an input type equals text…and then we're going to us the banana in a box syntax…to add ngModel.…
If you haven't seen that before,…you should Google banana in a box because it's pretty neat…and then we're going to call that searchString.…And on ngModel Change, which is built into Angular,…we're going to call inputChanged, we're going to pass in an event…and we'll go ahead and add a placeholder called Search.…So that's it for the html.…
- Creating observables with rx.observable.create
- Subjects, including behavior and replay subjects
- RxJS operators
- Creating an observable from a UI element