第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何使用異步管道而不是使用訂閱?

如何使用異步管道而不是使用訂閱?

慕神8447489 2023-02-24 17:40:19
我想使用異步管道“|異步”而不是訂閱。這是我的訂閱代碼目前的樣子:ngOnInit(): void {  this.activatedRoute.url    .pipe(takeUntil(this.unsubscribe$))      .subscribe(segments => {        this.quizName = segments[1].toString();      });}在我的模板中,我有:<mat-card *ngIf="quiz.quizId === quizName">
查看完整描述

2 回答

?
DIEA

TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超3個(gè)贊

讓我們?cè)囋囘@個(gè):


quizName$: Observable<any>;


ngOnInit(): void {

  this.quizName$ = this.activatedRoute.url

    .pipe(

      takeUntil(this.unsubscribe$),

      map(segments => segments[1].toString()); // Not sure about this part

    );

}

<mat-card *ngIf="(quizName$ | async) === quiz.quizId">

請(qǐng)注意,每次您在模板中使用異步管道時(shí),它都會(huì)進(jìn)行訂閱。


查看完整回答
反對(duì) 回復(fù) 2023-02-24
?
UYOU

TA貢獻(xiàn)1878條經(jīng)驗(yàn) 獲得超4個(gè)贊

添加變量:


quizName$ = this.activatedRoute.url.pipe(map(segments => segments[1].toString()));

不需要takeUntil諸如“| async”之類的就可以了

可選(您的 IDE 會(huì)自己知道)

quizName$: Observable<string> ...

在 HTML 中:


*ngIf="(quizName$ | async) === quiz.quizId"

更“穩(wěn)健”的解決方案


showQuiz$: Observable<boolean> = this.activatedRoute.url.pipe(

  map(segments => segments[1].toString()),

  map(quizName => quizName === this.quiz && this.quiz.id)

);

*ngIf="showQuiz$ | async"


查看完整回答
反對(duì) 回復(fù) 2023-02-24
  • 2 回答
  • 0 關(guān)注
  • 134 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)