要解决Angular应用中app-root宽度不是100%的问题,可以使用Flexbox布局来设置宽度。以下是一个示例代码:
在app.component.html文件中,将app-root包裹在一个div容器中,并使用Flexbox布局设置宽度为100%:
在app.component.css文件中,添加Flexbox布局样式:
.container {
display: flex;
width: 100%;
}
这样设置后,app-root组件将占满整个父容器的宽度,达到100%宽度的效果。