如下圖所示，真實的DOM操作是由platform-browser.js完成的：parent.insertBefore, 這是HTML原生代碼：

/*** Inserts a native node before another native node for a given parent using {@link Renderer3}.* This is a utility function that can be used when native nodes were determined - it abstracts an* actual renderer being used.*/ function nativeInsertBefore(renderer, parent, child, beforeNode) {ngDevMode && ngDevMode.rendererInsertBefore++;if (isProceduralRenderer(renderer)) {renderer.insertBefore(parent, child, beforeNode);}else {parent.insertBefore(child, beforeNode, true);} }

Renderer同實際的操作平臺的操作解耦：

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的SAP Spartacus UnitDetailsComponent对应的UI插入，是在路由框架里完成的的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。