angular学习笔记之监听数据更新(监听服务数据更新)

 附属代码

/*
 * @Descripttion:公共组件存放部分 
 * @version: 
 * @Author: 玉林路扛把子
 * @Date: 2021-09-24 10:11:49
 * @LastEditors: 玉林路扛把子
 * @LastEditTime: 2021-09-26 11:04:51
 */
import { Component, DoCheck, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';
import { BaseService } from 'apps/dev-app/src/app/service/base-service.service';
import { HdIdentityUserDto, UserApi } from 'packages/accoount-admin/config/plugins/oauth2';
import { BehaviorSubject } from 'rxjs';
interface ConfigJson {
  [key: string]: {
    name: string,
    type: 'select|casc'
    multiple: true,
    /** 字段名 */
    code: string,
    /** 默认值 */
    value?: any
  }
}
@Component({
  selector: 'abp-common',
  templateUrl: './common.component.html',
  styleUrls: ['./common.component.less']
})
export class CommonComponent implements OnInit, DoCheck {
  @Input() configJson: ConfigJson;
  public baseData$ = new BehaviorSubject<boolean>(null);
  state = {
    userList: HdIdentityUserDto,
    baseData: undefined,
  }
  constructor(private baeService: BaseService, private userApi: UserApi,) {

  }
  ngOnInit(): void {
    if (this.baeService.baseData) {
      this.baeService.baseData.subscribe((res) => {
        //console.log('res', res);
      })
    }
  }
  ngDoCheck() {
    if (this.baeService.baseData) {
      this.state.baseData = this.baeService.baseData;
      console.log(' this.baeService.baseData', this.baeService.baseData);
    }
  }
}