AngularSidenav材料容器内容不渲染。
创始人
2024-10-29 15:31:36
0次

这可能是由于缺失容器的 CSS 样式表或没有正确引入 Angular Sidenav 材料库引起的。另外一个可能的原因是由于内容的高度不正确，例如设置了固定高度而不是使用 flexbox 等自适应高度的技术。

以下是一个简单的示例，演示如何创建具有 Angular Material Sidenav 的容器，并使用 flexbox 进行布局和自适应高度：

HTML:



  

    Sidenav content

  

  


    Main content

CSS:

.example-container {
  display: flex;
  flex-direction: row;
  height: 100vh;
}

.example-sidenav {
  width: 200px;
}

.example-content {
  flex: 1;
}

这将使用 flexbox 技术来创建一个具有 Angular Material Sidenav 的容器，其中 Sidenav 元素具有固定宽度，而内容元素具有自适应高度。

上一篇：Angular数组在映射函数后不更新

下一篇：AngularSideNav无法根据路由更新内容

相关内容

热门资讯

黑科技辅助挂(德州免费)wPk... 德州新手教程相关信息汇总（需添加指定威信136704302获取下载链接）；黑科技辅助挂(德州免费)w...
黑科技脚本(Wepoke总结)... 黑科技脚本(Wepoke总结)轰趴十三水原本是真的有挂!太坑了果然真的是有挂(2023已更新)(哔哩...
黑科技攻略(微扑克模拟器)wp... 黑科技攻略(微扑克模拟器)wpk游戏原先是有挂!太嚣张了确实存在有挂(2025已更新)(哔哩哔哩)；...
黑科技有挂(哈糖大菠萝洗牌)w... 黑科技有挂(哈糖大菠萝洗牌)wPk好像存在有挂!太嚣张了一直有挂(2026已更新)(哔哩哔哩)；实战...
黑科技脚本(微扑克ai)Wep... 黑科技脚本(微扑克ai)WepokE确实存在有挂!太嚣张了本然真的是有挂(2020已更新)(哔哩哔哩...
黑科技私人局(aapoker辅... 黑科技私人局(aapoker辅助)AAPoKER真是是有挂!太嚣张了原来是有挂(2025已更新)(哔...
黑科技苹果版(Wepoke助手... 黑科技苹果版(Wepoke助手)wPK原生存在有挂!太实锤了竟然存在有挂(2024已更新)(哔哩哔哩...
黑科技代打(德扑之星模拟器)a... 黑科技代打(德扑之星模拟器)aapokEr固有真的是有挂!太夸张了一直是有挂(2025已更新)(哔哩...
辅助黑科技(aapoker教程... 辅助黑科技(aapoker教程)epoker先前是真的有挂!太夸张了起初真的有挂(2022已更新)(...
黑科技存在(微扑克ai)Wep... 黑科技存在(微扑克ai)WepokE确实存在有挂!太嚣张了总是真的是有挂(2023已更新)(哔哩哔哩...