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

为了解决问题4，所以弹出的行为将仅在app.COMponent上发生

import { ModalController } from '@ionic/angular';
import { SiteService } from '../services/site/site.service'; //自行替换为声明了subject的service
import { LoginComponent } from '../login/login.component'; //自行替换为你要弹出的内容1
import { SignupComponent } from '../signup/signup.component'; //自行替换为你要弹出的内容2
/*
如果有的话你可以添加更多的内容
注意确认它们被正确的声明在entryComponents部分
对于app.component.ts，其对应的module必然是app.module.ts
*/
export class AppComponent {
    constructor(
        private modalController: ModalController,
        private siteService: SiteService
    ){
        this.siteService.switchModel.subscribe(option => {
            this._switchModel(option);
        });
    }
    private _switchModel(option) {
      let component = @H_262_126@null;
      switch(option.componentName) {
          case 'LoginComponent':
              component = LoginComponent;
              break;
          case 'SignupComponent':
              component = SignupComponent;
              break;
          case '': //如果没有指定component那就是直接关闭咯，这是为了在component内部能省掉引用ModalController和关闭modal的代码
              break;
          default:
              return; //这件事和我无关，跳过。防止对其它subscriber负责的component重复处理
      }
      this.modalController.dismiss().then(() => {
          this.modalController.create({
              component: component,
              componentProps: option.params || null
          }).then(modal => modal.present());
      });
    }
}

然后在LoginComponent为注册按钮添加一个事件,SignupComponent做类似的处理

import { SiteService } from '../services/site/site.service';
export class LoginComponent implements OnInit {
    DOSwitch() {          
        this.siteService.switchModel.next({
            componentName: 'SignupComponent'
        });
    }
    cancel() {
        this.siteService.switchModel.next({
            componentName: ''
        });
    }
}

逻辑描述：LoginComponent调用Subject的next方法同时传递数据，这样Subject就会将该数据通知到订阅者(AppComponent订阅了这个subject)，AppComponent在得到Subject更新的消息时会根据最新的消息做出适当的处理。

理论上来说，我们可以创建一个全局的主题，每个订阅者都可以通过消息的数据类型或其它特征决定自己如何处理，但是个人还是喜欢定制主题从而减少订阅。

刚接触Angular6不久，不管是我这个想法本身有错误还是解决的方式有问题都请拍砖不要客气，只求大侠的砖头上绘制一下示例代码，不胜感激。

脚本宝典总结

以上是脚本宝典为你收集整理的初探Subject and Subscribe (Ionic4 Angular6)全部内容，希望文章能够帮你解决初探Subject and Subscribe (Ionic4 Angular6)所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。