構造函數里注入了一個 FormBuilder：

創建一個 FormGroup 實例，名稱為 mode，包含一個 deliveryModeId 屬性，并且需要進行 Angular react form 默認的 validation 邏輯：

在 Component 模板文件里，通過 formControlName “deliveryModeId” 同這個 form group 實例創建關聯關系。

這里 mode 后面的 code completion list，是從第17行的 let mode 變量帶出來的。

當我們直接訪問 delivery mode 頁面，input 控件尚未渲染完畢時：

http://localhost:4299/electronics-spa/en/USD/checkout/delivery-mode

下列代碼會返回 true：

get deliveryModeInvalid(): boolean {const flag = this.mode.controls['deliveryModeId'].invalid;console.log('Jerry delivery mode invalid: ', flag);return flag;}

一旦 input 控件渲染完畢后，這個 invalid 標志位再也不可能回到 true 的狀態了：

更多Jerry的原創文章，盡在：“汪子熙”:

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的SAP 电商云 Spartacus UI Delivery Mode ID 的 validator的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。