构造函数里注入了一个 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; }