- SAP 电商云 Spartacus UI delivery mo
- SAP 电商云 Spartacus UI Delivery Mo
- SAP 电商云 Spartacus UI 的 Product C
- 网站上的 breadcrumb 使用场景浅析
- SAP UI5 sap.ui.vk 命名空间内的控件介绍
- HTML 按钮(button)的 disable 属性和 dis
- SAP 电商云 Spartacus UI 修改 Delivery
- SAP 电商云 Spartacus UI 设置 Delivery
- SAP 电商云 Spartacus UI 设置 delivery
- SAP 电商云 Spartacus UI 产品搜索结果的设计明细
构造函数里注入了一个 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的原创文章，尽在："汪子熙":
网友评论