您好，我有一个想要切换到多个布局的网页。类似于 codepen.io。在 angular2 中最好的方法是什么？
假设我有 4 个布局。我可以将*ngIf="layout1" 放入第一个布局，然后*ngIf="layout2" 放入第二个布局，以此类推。但这是最好的方法吗？请注意，在更改布局时，html 和 css 都会发生变化。
【问题讨论】：
标签： angular angular2-template angular2-directives
还有ngSwitch，当有超过一两个选项时很方便。
这样你就可以在一个组件中拥有一切。如果布局之间的切换很常见并且经常在一个用户会话中完成，我认为这是一个不错的选择。
如果这主要是一次性决定（例如基于屏幕尺寸），则以下选项之一可能更适合。
您也可以使用DynamicComponentLoader。每个布局都打包在一个组件中，您可以添加适合当前选择的组件。
另见http://www.syntaxsuccess.com/viewarticle/loading-components-dynamically-in-angular-2.0
另一种方法是使用路由器根据 Url 或 Url 参数添加组件。
另见https://angular.io/docs/ts/latest/guide/router.html
【讨论】：