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无法根据路由更新内容

相关内容

热门资讯

透视免费！hhpoker辅助器... 透视免费！hhpoker辅助器，wpk德州局怎么透视，必赢教程（原来真的是有挂）；大神普及一款德州a...
透视线上！wpk透视辅助靠谱吗... 透视线上！wpk透视辅助靠谱吗，wepoker透视app下载，安装教程（固有有挂）1、点击下载安装，...
透视玄学！智星菠萝辅助，wep... 透视玄学！智星菠萝辅助，wepoker有机器人吗，2025新版教程（竟然是有挂）；小薇（透视辅助）致...
透视插件！德普之星透视辅助io... 透视插件！德普之星透视辅助ios，we-poker辅助器，详细教程（果然是真的有挂）1、许多玩家不知...
透视黑科技！德普之星透视辅助，... 《透视黑科技！德普之星透视辅助，佛手大菠萝有挂吗，玩家教程（原生存在有挂）》 德普之星透视辅助软件透...
透视透视！wpk辅助购买，aa... 透视透视！wpk辅助购买，aa poker透视软件，新2025教程（原先有挂）；原来确实真的有挂（需...
透视科技！aapoker辅助是... 透视科技！aapoker辅助是真的吗，哈糖大菠萝攻略，详细教程（原先存在有挂）；科技详细教程Q群《1...
透视app！hhpoker万能... 透视app！hhpoker万能辅助器，wepoker私人局辅助挂，科技教程（原生有挂）是一款可以让一...
透视安卓版！wpk透视工作室，... 透视安卓版！wpk透视工作室，wepoker透视脚本免费下载，必备教程（切实是有挂）；科技安装教程；...
透视新版！wepoker透视脚... 透视新版！wepoker透视脚本免费下载，wepoker辅助透视软件，技巧教程（固有是真的有挂）；致...