Question

我可以在下面提到的角度组件中创建一个Observable 方式

...
...
import { Observable } from 'rxjs/Observable';
..
...
let observable = new Observable( function subscribe(observer) {
        observer.next(1);
        observer.next(2);
        observer.next(3);
        observer.next(4);
        setTimeout(() => {observer.next(5); },9000);
    });

但是我不知道如何创建一个主题，有人可以提供一个例子对于同样的？

Answer 1

这里是一名掠夺者：http://plnkr.co/edit/jLtFLjWrvHGI0ZPHl10B?p=preview

import {Subject} from 'rxjs/Subject';

@Injectable()
export class MyService {

    public invokeEvent:Subject<any> = new Subject();

    constructor() {}
}

订阅它就像一个可观察的：

  constructor(private _myService: MyService) {
         this._myService.invokeEvent.subscribe((value) => {
           console.log(value); 
         });
       }

并将值推送到它，就像下一个

再次观察到它一样

  ngAfterViewInit(){
      this._myService.invokeEvent.next(1);
  }

Answer 2

将Rx.Subject与 Angular 一起使用，与没有 Angular 使用它没有什么不同，主要原理是相同的，请看下面的示例

const subject = new Rx.Subject();
const subscription = subject.subscribe(
  (data) => console.log(data),
  (err) => console.log(err),
  () => console.log('Completed')
);

subject.next(1);
subject.next(2);
subject.next(3);
subject.complete();

<script src="https://unpkg.com/@reactivex/rxjs@5.0.0-beta.7/dist/global/Rx.umd.js"></script>

您需要创建新实例Rx.Subject，然后在需要的地方订阅它，并触发事件。

如何在Angular 2中创建RxJS主题？

2 个答案: