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

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

Bug 子組件輸入到補(bǔ)丁反應(yīng)表單不會(huì)在 Oninit 上更新

Bug 子組件輸入到補(bǔ)丁反應(yīng)表單不會(huì)在 Oninit 上更新

慕虎7371278 2023-08-05 20:42:32
我在 ngrx 實(shí)體存儲(chǔ)中獲取了根據(jù)尋呼機(jī)以塊的形式顯示的數(shù)據(jù),我的問(wèn)題是 rxjs 它如何記住分頁(yè),例如我從服務(wù)器獲取第一頁(yè)數(shù)據(jù),它可以工作,然后如果我獲取下一頁(yè),它現(xiàn)在可以正常加載如果我回到第一頁(yè),數(shù)據(jù)被 switchMap 截?cái)啵绻以俅无D(zhuǎn)到前面一頁(yè),當(dāng)商店中有數(shù)據(jù)時(shí),switchMap 會(huì)給我一個(gè)空數(shù)組...之后我完全對(duì) rxjs 感到困惑...這是我在創(chuàng)建新數(shù)組時(shí)也顯示的代碼,一切正常我只是不明白這種奇怪的效果為什么會(huì)導(dǎo)致不可變數(shù)據(jù)?我還使用 ngrx 在 Oninit 上的子組件中加載輸入的保存狀態(tài),我使用保存的狀態(tài)修補(bǔ)表單,然后在表單上設(shè)置一個(gè)偵聽(tīng)器,以便每次輸入更改時(shí)我都會(huì)保存它。開(kāi)發(fā)中的問(wèn)題它工作得很好,但在生產(chǎn)中它無(wú)法修補(bǔ)輸入,我猜測(cè)在 Oninit 運(yùn)行后加載數(shù)據(jù)需要更長(zhǎng)的時(shí)間。處理這種情況的最佳方法是什么,嘗試了不同的方法,一些方法給出錯(cuò)誤,導(dǎo)致數(shù)據(jù)在視圖渲染之前被修改,另一種方法讓我陷入無(wú)限循環(huán)。這是子代碼export class ChildComponent implements OnInit {  @Output() updateFilters = new EventEmitter<string>(false);  @Input() filters: MessageFilter;  form: FormGroup;  constructor(fb: FormBuilder) {    this.form = fb.group({ kind: [] });  }  ngOnInit() {    if (this.filters.kind) {      this.form.patchValue({kind: this.filters.kind});    }    this.form.valueChanges.pipe(      untilDestroyed(this),      distinctUntilChanged(),    ).subscribe(values => {      this.updateFilters.emit(values.kind);    });  }}
查看完整描述

1 回答

?
萬(wàn)千封印

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

改用怎么樣OnChanges?檢查您的更改狀態(tài)/值@Input() filters


import { OnChanges, SimpleChanges } from '@angular/core';



@Component({...})

export class ChildComponent implements OnInit, OnChanges {


   ...


   @Input() filters: MessageFilter;


   ngOnChanges({ filters }: SimpleChanges) {

       console.log(filters);     // if you want to check any states/activities

    

       if (filters && filters.currentValue && filters.currentValue.kind)

            this.form.patchValue({ kind: this.filters.kind });   

   }


   ngOnInit() {

       this.form.valueChanges.pipe(

          untilDestroyed(this),

          distinctUntilChanged(),

       ).subscribe(values => this.updateFilters.emit(values.kind));

   }


}


查看完整回答
反對(duì) 回復(fù) 2023-08-05
  • 1 回答
  • 0 關(guān)注
  • 88 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(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)