初探Subject and Subscribe (Ionic4 Angular6)

类似的东西很多，但是不得不说大部分资料中的例子不是难以理解就是形而上学，所以我想分享一点自己的代码来帮助更多初学者。

起源：我打算做一个弹出登录，里面包含一个注册按钮，点击注册则切换到弹出注册，当然在注册时也能切换回登录。在实现的过程中一路踩过以下的坑：

1. 如果将一个component/page应用到modal中，那么这个component/page必须在不低于弹出modal的层级的module.ts文件中的@NgModule的entryComponents部分声明出来，不然会得到一个错误。
2. 一个component/page只能在一个module.ts文件中声明
3. 调用弹出方法的ts文件必须引用使用到的component/page
4. 如果两个ts文件中都同时引用了对方(a.ts import b, b.ts impot a)那么会得到一个循环依赖的警告，这不影响运行，但是看着闹心。

所以我要再次修改一下，避免这个警告，最后选择了subject的方案。

不要尝试直接复制运行，因为我去掉了和本文无关的部分，比如import { Component } from '@angular/core';这样的语句。

首先在某个单例模式的service中加入如下代码：

import { Subject, Subscription } from 'rxjs';
//公有属性switchModel，这是一个可供订阅的主题
@Injectable({
  providedIn: 'root'
})
export class SiteService {
    public switchModel: Subject