我正在使用 Angular 4,我想为所有页面创建一个母版页概念。
这就是我想要的:
事实上,我想要一个带有自己模板(如我的屏幕)的身份验证页面,而其他页面则使用不同的模板。
例如,我想要一个固定工具栏和一个左侧边栏。在页面内部,动态内容。
在我的想法中,页面 AppComponent 中的路由器导出将显示身份验证页面或“母版页”(工具栏和侧边栏),然后,在这个母版页中,我为我的动态 内容。
但它不起作用......
我该怎么做?
谢谢
最佳答案
如果你使用的是angular4,那么使用components .
您可以制作这些组件:
Authentification
Authentification-Content
Authentification-Sidebar
Master
Master-Titlebar
Master-Sidebar
Master-Content
Home
Product
然后只需将组件相互注入(inject)即可获得所需的结果。
例如,如果你想显示产品页面,你可以像这样注入(inject)你的组件:
index.html
Master
Master-Titlebar
Master-Sidebar
Master-content
Product
关于html - Angular 4 : Master page with side bar concept,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44443385/