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

相关内容

热门资讯

黑科技辅助挂！微乐小程序黑科技... 黑科技辅助挂！微乐小程序黑科技，微信小程序微乐破解器2024（透视）竟然是真的挂（哔哩哔哩）1、这是...
7分钟工具！微乐小程序黑科技，... 7分钟工具！微乐小程序黑科技，微乐自建房运势高有什么表现（开挂）总是是真的挂（2026）1、玩家可以...
技巧辅助挂！微乐小程序黑科技，... 技巧辅助挂！微乐小程序黑科技，微乐家乡小程序脚本（透视）竟然是真的挂（哔哩哔哩）1、金币登录送、破产...
七分钟下载！微乐小程序免费黑科... 七分钟下载！微乐小程序免费黑科技，微乐小游戏万能修改器（开挂）其实存在有挂（2026）1、七分钟下载...
透视美元局！微乐小程序免费黑科... 透视美元局！微乐小程序免费黑科技，微信小程序微乐辅助器ios（透视）一直存在有挂（哔哩哔哩）运微信小...
第3分钟工具！微乐小程序黑科技... 第3分钟工具！微乐小程序黑科技，微乐陕西小程序破解器（开挂）果然有挂（2026）1、让任何用户在无需...
随着！微乐小程序黑科技，微乐贵... 随着！微乐小程序黑科技，微乐贵阳捉鸡麻将挂软件（透视）原来真的有挂（哔哩哔哩）该软件可以轻松地帮助玩...
第4分钟教程！微乐小程序免费黑... 第4分钟教程！微乐小程序免费黑科技，微信微乐陕西小程序破解器（开挂）果然存在有挂（2026）1、超多...
此事引发广泛关注！微乐小程序免... 此事引发广泛关注！微乐小程序免费黑科技，微乐小程序辅助工具免费版（透视）本来存在有挂（哔哩哔哩）1、...
5分钟插件！微乐小程序黑科技，... 您好，微乐小程序黑科技这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054】很多玩...