SAP 电商云 Spartacus UI 的 slot,posi
2021-11-25 本文已影响0人
华山令狐冲
在 for 循环里进行的渲染:
![](https://img.haomeiwen.com/i2085791/84bd609d16f7a35a.png)
最后渲染出来这些 Component 都位于 position 的 slot 内:
![](https://img.haomeiwen.com/i2085791/cc0f668fa1fc24d7.png)
slot 和 position 一一对应:
![](https://img.haomeiwen.com/i2085791/c96f4817d7736bc9.png)
slot 里面又循环 Component:
![](https://img.haomeiwen.com/i2085791/70b3eab5320d4e8b.png)
在 page-slot.component.html 加上一行调试信息:
<div>component id: {{ component.uid }}</div>
![](https://img.haomeiwen.com/i2085791/bad8770504489f58.png)
最后出来的结果:
![](https://img.haomeiwen.com/i2085791/a97d3c8572243b62.png)
再把 position 也打印出来:
![](https://img.haomeiwen.com/i2085791/754d8de640195b74.png)
最后的结果:
![](https://img.haomeiwen.com/i2085791/c04a94261fc56d1c.png)
更多Jerry的原创文章,尽在:"汪子熙":
![](https://img.haomeiwen.com/i2085791/97c4752c0e619c44.png)