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;
  }

一旦 input 控件渲染完毕后，这个 invalid 标志位再也不可能回到 true 的状态了：