Angular Service

实现跨层级组件之间通信

 // service文件
import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';@Injectable()
export class BmsEventManagerService {constructor() { }menuSubItems: any = []; // 菜单数组menuSubItemsEvent = new BehaviorSubject<any>(this.menuSubItems); // 菜单修改事件/*** @description: 更新菜单数据*/menuSubItemsModel(menus: any) {this.menuSubItems = menus;this.menuSubItemsEvent.next(this.menuSubItems);}
}

// 构造函数中
private msgSrv: BmsEventManagerService// 发送消息
this.msgSrv.menuSubItemsModel(this.menuSubItems); // service通信

  public menuSubItems: any = [];public menuSubItemsEvent: Subscription;/*** @description: 监听菜单数据修改*/initMenus() {this.menuSubItemsEvent = this.msgSrv.menuSubItemsEvent.subscribe((value: any) => {this.menuSubItems = value;});}ngOnDestroy() {this.menuSubItemsEvent.unsubscribe();}

Angular Service相关推荐

Angular Service依赖注入的一个具体例子
Angular service 相当于 SAP Commerce Cloud 里的 service facade. 使用如下的命令行创建Angular service: ng generate ser ...
AngularJS学习之 ngTable 翻页功能以及利用angular service准备测试数据
1.官网链接 https://github.com/esvit/ng-table#4.0.0 2.安装ngTable后,一定要记得先注册到自己的项目 .module('pttengApp', [ ' ...
为 Angular service 注册 provider 的三种方式
对于要用到的任何服务(service),你必须至少注册一个提供者(provider).服务可以在自己的元数据中把自己注册为提供者,这样可以让自己随处可用.或者,你也可以为特定的模块或组件注册提供者. ...
angular过滤字符_如何使用Angular和Azure计算机视觉创建光学字符读取器
angular过滤字符介绍 (Introduction) In this article, we will create an optical character recognition (OCR) ...
3、Angular JS 学习笔记 – Controllers [翻译中]
2019独角兽企业重金招聘Python工程师标准>>> 理解控制器在Angular中,一个控制器是一个javascript构造函数用于填充Angular作用域. 当一个控制器通过使 ...
Angular component的职责
Angular Component的职责: Ideally, a component's job is to enable the user experience and nothing more. ...
Angular component的一个例子
官网:https://angular.io/guide/architecture-components Before a view is displayed, Angular evaluates th ...
Angular定义服务-Learn By Doing
1.服务(Service)介绍 Angular services are substitutable objects that are wired together using dependency ...
angular面试题及答案_关于最流行的Angular问题的StackOverflow上的48个答案
angular面试题及答案 by Shlomi Levi 通过Shlomi Levi 关于最流行的Angular问题的StackOverflow上的48个答案 (48 answers on Stack ...

Angular Service

Angular Service

Angular Service相关推荐

最新文章

热门文章