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

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

Angular Reactive Forms - 驗(yàn)證錯(cuò)誤 - 無法讀取未定義或空值的屬性

Angular Reactive Forms - 驗(yàn)證錯(cuò)誤 - 無法讀取未定義或空值的屬性

ITMISS 2021-12-23 14:53:05
我花了很長(zhǎng)時(shí)間來理解一些應(yīng)該很容易的事情。表單驗(yàn)證。我第一次使用反應(yīng)形式。我正在使用表單生成器。我有一組嵌套的控件。一般來說,我假設(shè)您創(chuàng)建了一組帶有驗(yàn)證的控件,然后在模板中檢查這些控件。我能夠提交表單,但在嘗試創(chuàng)建驗(yàn)證消息時(shí)不斷收到錯(cuò)誤消息。------ TEMPLATE -------<div class="container">  <div class="row">    <div class="col-sm">      <!-- Begin card -->      <div class="card border">        <div class="card-header bg-light text-primary">          <h3>My Account</h3>        </div>        <div class="card-body border border-light">          <!-- CHANGE PASSWORD BUTTON -->          <div class="row">            <div class="col-sm">              <button class="btn btn-success" (click)="goToChangePassword()">Change Password</button>            </div>          </div>          <!-- Begin Form -->          <form *ngIf="user; else loading" [formGroup]="accountForm" (ngSubmit)="updateUser()">            <hr>            <!-- Phone -->            <fieldset formGroupName="phone">              <div class="form-row">                <div class="form-group col-sm">                  <label>Home Phone</label>                  <input type="number" class="form-control" formControlName="home">                  <div *ngIf="isSubmitted && fControls.home.errors" class="invalid-feedback">                    <div *ngIf="fControls.home.errors.minlength">10 characters min</div>                  </div>                </div>                <div class="form-group col-sm">                  <label>Mobile Phone</label>                  <input type="number" class="form-control" formControlName="mobile">                  <div *ngIf="isSubmitted && fControls.mobile.errors" class="invalid-feedback">                    <div *ngIf="fControls.mobile.errors.minlength">10 characters min</div>                  </div>                </div>
查看完整描述

1 回答

?
慕俠2389804

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

使用安全導(dǎo)航操作符 ?。它檢查變量是否是nullundefined這樣我們的模板不會(huì)嘗試選擇虛假的屬性。

在您的情況下,在您嘗試使用.operator訪問對(duì)象屬性的模板中使用它,例如:*ngIf="isSubmitted && fControls?.home?.errors"

注意:你不應(yīng)該使用相同的模型綁定[(ngModel)]="employee?.name"是錯(cuò)誤的


查看完整回答
反對(duì) 回復(fù) 2021-12-23
  • 1 回答
  • 0 關(guān)注
  • 231 瀏覽
慕課專欄
更多

添加回答

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