SAP 电商云 Spartacus UI Delivery Mode ID 的 validator

简介: SAP 电商云 Spartacus UI Delivery Mode ID 的 validator

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

相关文章
|
6月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
6月前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
|
6月前
|
开发者 UED
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
|
6月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
|
6月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
|
6月前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
|
6月前
|
缓存 JavaScript 前端开发
如何理解 SAP UI5 的 sap.ui.define 函数?
如何理解 SAP UI5 的 sap.ui.define 函数?
|
6月前
|
JSON 数据格式
SAP UI5 Class sap.ui.model.Context 的作用介绍
SAP UI5 Class sap.ui.model.Context 的作用介绍