嗨,我有一个想要切换到多个布局的网页。类似于 codepen.io。在angular2中最好的方法是什么?
假设我有 4 个布局。我可以放置*ngIf="layout1"
第一个布局,然后*ngIf="layout2"
放置第二个布局,依此类推。但这是最好的方法吗?请注意,更改布局时,html 和 css 都会更改。
嗨,我有一个想要切换到多个布局的网页。类似于 codepen.io。在angular2中最好的方法是什么?
假设我有 4 个布局。我可以放置*ngIf="layout1"
第一个布局,然后*ngIf="layout2"
放置第二个布局,依此类推。但这是最好的方法吗?请注意,更改布局时,html 和 css 都会更改。
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