我的应用程序总是需要两列:一列比另一列小一点。目前在我的主要应用程序组件中,模板只是<router-outlet></router-outlet>
.
目前,我的每条路线都指向一个不同的组件,并且这些组件中的每一个都在它自己的模板中为我的两列提供标记。但是,由于我的两列将在整个应用程序中保持静态,因此在根应用程序级别为列提供模板对我来说是有意义的。这似乎更加模块化,并且不会在整个应用程序的模板中产生重复的标记。
这是我想要在我的根目录中使用的模板的一个想法 - 现在这个标记存在于我路由到的每个组件中:
<div id="main-container">
<div class="col three">
</div>
<div class="col nine">
</div>
</div>
我觉得这是我将使用 ngTemplateOutlet 或使用“select”进行 ngContent 投影的地方,但我不确定这些东西是否适用于我的情况。我对 ng-template 的了解越多,我似乎就越困惑。我可以将此模板定义为 TemplateRef 并以某种方式在子组件中访问它吗?
任何人都可以就这种情况的正确设计策略提出建议吗?