[JavaScript知识库]angular实现子组件向出口(route-out)之间传值(兄弟组件传值)

1.通过同一个?Service去传值

在Service里定义监听事件，称为传值的桥梁

import {Observable, Subject} from 'rxjs';

  evaluationBidChange = new Subject<any>();
  evaluationBidChange$ = this.evaluationBidChange.asObservable();

传值组件要 引入service 并触发监听事件
import { SourceViewProService } from '../source-view-pro.service';


  constructor(
private sourceViewProService: SourceViewProService,
}

  goRating() { 
//用next 去触发 
  this.sourceViewProService.evaluationBidChange.next(所要传递的值);
   
  }

接受值的组件同样要引入，确保他们是同一个Service

// 该ts用来接受 //
import { SourceViewProService } from '../source-view-pro.service';

constructor( private sourceViewProService: SourceViewProService,
) {
//用evaluationBidChange$事件接受响应。来监听兄弟组件或者route标签传递过来的值
 this.sourceViewProService.evaluationBidChange$.subscribe(info => {
      //info就是传递过来的信息
    })
   
  }