SAP 电商云 Spartacus 5_0.md 迁移文档的编写

• ng-container which wrapped div.row.cx-checkout-btns has been removed.

上述选择器，首先确认描述的是一个 div 元素。这个元素同时具有 row 和 cx-checkout-btns 两个 class. 注意这里 . 代表 class，class 之间没有空格，意思是该元素同时具有这两个 class，如果有空格，就代表父子关系了。

查看选择器官方文档

上图左边是修改之前，div 上层有一个 ng-container:

修改之后，

• div.row.cx-checkout-btns has been moved to div.row > div.col-md-12.col-lg-9 > ng-container

现在的 checkout div 元素，放到了 ng-container 里。

这个 ng-container 位于 div.row > div.col-md-12.col-lg-9 的 div 元素内。

• div.row > div.col-md-12.col-lg-9 > ng-container will appear only if supportedDeliveryModes$ is loaded with length and continueButtonPressed flag is falsy.

用文字描述了上图代码第71行的 if 逻辑。

• div.form-check element was wrapped by a fieldset, whose disabled property was bound to deliveryModeSetInProcess$.

• the disabled property binding of continue button was changed to: deliveryModeInvalid || (deliveryModeSetInProcess$ | async).

描述的是下面这段代码：

突出 property binding.

更多Jerry的原创文章，尽在："汪子熙":