在Angular2中创建具有固定页眉，页脚的登录页面

Question

我正在使用angular2开发一个应用程序。我正在使用eclipse Neon开发这个使用angular-cli的应用程序。现在我正在尝试创建登录页面。我的app.component.html

中有以下代码

<nex-header></nex-header>
 <router-outlet style="height:90%;width:100%"></router-outlet>
 <nex-footer style="position : absolute; bottom : 0; height : 28px; margin-top : 28px; background-color: #757575; width:100%;
 padding-left: 100px; color: #ffffff;"></nex-footer>

我有一个单独的页眉和页脚组件，我已经包含在app.component.html页面中。我还有一个单独的组件，其中包含登录内容。我使用router-outlet注入登录页面的内容。

现在我想单独向登录页面的内容显示背景图像（不是页眉和页脚）我也希望所有三个组件占据整个屏幕。我尝试的代码包装登录但我想让它占据页眉和页脚之间的整个屏幕空间。我是新的Angular2有人可以告诉我这里做错了吗？

Answer 1

您只需在路由器插座标签上添加WITH cte as ( SELECT 'James Hoog' as name, 5001 as salesman_id UNION ALL SELECT 'Nail Knite' as name, 5002 as salesman_id UNION ALL SELECT 'Pit Alex' as name, 5005 as salesman_id UNION ALL SELECT 'Mc Lyon' as name, 5006 as salesman_id ) UPDATE s SET s.name = c.name FROM salesman s JOIN cte c ON s.salesman_id = c.salesman_id 样式属性，即可为该组件制作特定的背景图片。