共计 604 个字符，预计需要花费 2 分钟才能阅读完成。
SAP Spartacus B2B 页面 disable 按钮如下图所示。
这个高亮的 disable 按钮，和右边相邻的 Edit 按钮，实现位于不同的 Component.
disable 按钮有独自的实现 Component：toggle-status.component.ts, selector: cx-org-toggle-status
在 B2B Launchpad 6 个 tile 里都生产了该 Component，以 unit 页面为例，生产代码如下：
<cx-org-toggle-status
actions
key="uid"
i18nRoot="orgUnit"
></cx-org-toggle-status>
其中 18 行的 key，19 行的 i18nRoot, 都是为了给该 Component 的 @input 属性传递输出值：
而 17 行的属性 actions，咱们试着把这个值改一改，看会产生什么：
不出所料，Disable 按钮从工具栏里隐没了：
依据关键字 select=”[actions]” 搜寻，能发现 card.component.html 模板实现里，通过 ng-content 实现了动静内容注入，注入条件是那些蕴含了 actions 属性的标签。
所以，蕴含了 Disable 按钮的 Component，其属性值必须是 actions，只有这样，能力被动静注入到 card.component.html 的 header 区域去。
更多 Jerry 的原创文章，尽在：” 汪子熙 ”:
正文完