I am pretty new at Angular2. I am trying to learn it using a dummy app.
I have recently gone through a tutorial on RxJS and got a basic hold on Observables (or atleast I assume so). Based on that, I have an idea of returning a list of users from my array in service as a stream. I intent to use interval for it and display a kind of lazy loading effect on screen.
My intention is something like:
getUsers() {
return Rx.Observable.from(this.users); //want to add interval too on this
}
However, I am stuck at importing 'Rx' in to my service. Using 'Rx' without import obviously gives me error. The rest imports for Observables and operator works fine.
I went to node_modules and found there is a rx
and a rxjs
module too. But somehow using any of these below commands, I can't get rid of my error on Rx
.
import 'rxjs/Rx';
import Rx from 'rxjs/Rx';
import { Rx} from 'rx/Rx';
import { Rx} from 'rx';
I went through few links on SO those say Rx
is no longer bundled with Angular. However, I am working with the latest angular official seed and I do see rx
and rxjs
packages. I have a 5.0.1
version mentioned in package.json
. Am I assuming something wrong here ??
Please let me know How does one work with creating custom observables using Rx
in Angular 2.
Note: I have no issues working Observable return by Http service, just want to create a Observable from scratch using Array
In angluar 4+:
Rxjs documentation is still wrong, after fix this.
Reactive Manual Installation