我有一個(gè)應(yīng)用程序要求我為某些事情使用非 Angular JavaScript。為了在 Angular 組件中觸發(fā)一個(gè)動(dòng)作，我將一個(gè)回調(diào)傳遞給非 Angular 組件。觸發(fā)回調(diào)時(shí)，可觀察對(duì)象會(huì)在 Angular 組件上運(yùn)行（執(zhí)行 http 調(diào)用）。這行得通，但我遇到的唯一難題是以某種方式從該可觀察對(duì)象返回的數(shù)據(jù)傳遞回非 Angular 組件。我的實(shí)際應(yīng)用程序相當(dāng)復(fù)雜，因此我創(chuàng)建了一個(gè)簡(jiǎn)化得多的Stackblitz版本，以便更容易看到我在做什么。這對(duì)我來(lái)說(shuō)很棘手，因?yàn)镚ET調(diào)用doStuff是異步的，所以我不能只返回結(jié)果。我對(duì)如何在純 Angular 應(yīng)用程序中解決這個(gè)問(wèn)題有一些想法......但我不確定在 Angular 組件和非 Angular 組件之間共享數(shù)據(jù)時(shí)如何實(shí)現(xiàn)這一點(diǎn)。應(yīng)用程序組件.ts： export class AppComponent  {  constructor(private http: HttpClient){}  doStuff() {    let randomNum = this.getRandomInt(2); // Simulate different http responses    this.http.get<any>(`https://jsonplaceholder.typicode.com/todos/${randomNum}`).subscribe(x => {      if (x === 1) {        // Here is where I want to share data with the non-Angular component        console.log(x.id);      } else {        // Here is where I want to share data with the non-Angular component        console.log(x.id);      }    });  }  ngOnInit() {   var x = new NonAngularComponent(this.doStuff.bind(this));  }  private getRandomInt(max) {    return Math.floor(Math.random() * Math.floor(max)) + 1;  }}非角度組件.ts：export class NonAngularComponent {  constructor(private onSave: () => void) {    this.init()  }  init() {    const newElement = document.createElement('button');    newElement.innerHTML = 'Click';    newElement.addEventListener('click', () => {      this.onSave(); // Works, but now I need to do something with the results of doStuff()    });    document.getElementById('foo').append(newElement);  }}任何建議將不勝感激。