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

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

Angular json 值未顯示在文本框中

Angular json 值未顯示在文本框中

回首憶惘然 2023-02-17 15:49:23
我是 Angular 的新手,我不知道這里發(fā)生了什么。我有一個(gè) MVC 控制器,它給我正確的值,例如 {PostalContactPerson : jeff} 但是我的 Angualar 視圖無法識別輸入框中頁面加載的值。請問我怎樣才能將值輸入文本框?我很困惑為什么當(dāng)從同一個(gè)表單組顯示其他值時(shí)它是“空白的”。表單.component.tsexport class FormComponent implements OnInit {  data: any = null; this.arService.get(id, true)                .subscribe(data => {                    this.loading = false;                    this.ar = data;                    this.attachments = this.ar.attachments.filter(e => e.type == Enums.AttachmentType.Normal);                    **this.data = this.ensureData(data.formData);                    this.ar.formData = this.data;**  this.stationInformationForm = formBuilder.group({    "businessNumbersGroup": formBuilder.group({      "acn": [this.data.acn],      "icn": [this.data.icn],      "postalcontactperson": [this.data.postaladdress],    }, ),  });}ensureData(data: any): any {        if (data == null) {            data = {};        } if (!data["postalcontactperson"]) {        data["postalcontactperson"] = { state: "" };    }表單.component.html<div [formGroup]="stationInformationForm.controls['businessNumbersGroup']">  <div class="row">    <div class="col-sm-6">      <div class="form-group">        <label>ACN</label>        <div class="form-description">Specify if applicable</div>        <input type="text" [ngClass]="{'has-error': !stationInformationForm.controls['businessNumbersGroup'].valid && (stationInformationForm.controls['businessNumbersGroup'].controls['acn'].touched || workflowSections[0].submitted)}" formControlName="acn" [(ngModel)]="data.acn"          class="form-control" />        <hr/>      </div>      <div class="form-group">        <label>postalcontactperson</label>        <div class="form-description">Specify if applicable</div>          [(ngModel)]="data.postalcontactperson" class="form-control" />      </div>      <hr/>    </div>  </div></div>
查看完整描述

1 回答

?
楊__羊羊

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

formControlName您指的是模板文件中的錯誤。它postalcontactperson不是PostalContactPerson 。觀察首都P...C...P...。最好不要使用,[(ngModel)]因?yàn)槟呀?jīng)在使用Reactive Forms. 僅供參考,請參考以下更改

工作堆棧閃電戰(zhàn)

打字稿文件

export class AppComponent implements OnInit {

  addressForm: FormGroup;

  stationInformationForm: FormGroup;

  data: any = {

    acn: 1,

    icn: 2,

    postaladdress: {

      contactperson: "Michael",

      address: "Some Address"

    }

  };


  constructor(private formBuilder: FormBuilder) {}


  public ngOnInit() {

    this.stationInformationForm = this.formBuilder.group({

      businessNumbersGroup: this.formBuilder.group({

        acn: [this.data.acn, Validators.required],

        icn: [this.data.icn, Validators.required],

        postalcontactperson: [this.data.postaladdress.contactperson, Validators.required]

      })

    });


    // Getting inner form group

    this.addressForm = this.stationInformationForm.get(

      "businessNumbersGroup"

    ) as FormGroup;


    // Getting Form Changes instead of using `[(ngModel)]`

    this.addressForm.valueChanges.subscribe(data => console.log(data));

  }

}

模板文件


<div [formGroup]="addressForm">

    <label>ACN</label>

    <div class="form-description">Specify if applicable</div>

    <input type="text" [ngClass]="{'has-error': !addressForm.valid && addressForm.get('acn').touched }" formControlName="acn" class="form-control" />

    <hr />

    <label>postalcontactperson</label>

    <div class="form-description">Specify if applicable</div>

    <input type="text" [ngClass]="{'has-error': !addressForm.valid && addressForm.get('postalcontactperson').touched }" formControlName="postalcontactperson" class="form-control" />

</div>


查看完整回答
反對 回復(fù) 2023-02-17
  • 1 回答
  • 0 關(guān)注
  • 129 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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