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

相关内容

热门资讯

第8分钟带你讲究！凑一桌游戏关... 第8分钟带你讲究！凑一桌游戏关春天破解透视版，蛮王大厅辅助，教你攻略（新版有挂）-哔哩哔哩；无需打开...
第九分钟带你明白！创思维透视下... 第九分钟带你明白！创思维透视下载链接，创思维激k看底牌辅助软件，必备教程（有挂总结）-哔哩哔哩创思维...
六分钟带你发现！哥哥打大a辅助... 【亲，福建天天开心辅助工具 这款游戏可以开挂的，确实是有挂的，很多玩家在这款福建天天开心辅助工具中打...
3分钟带你讲解！乐达大连穷胡小... 大家好，今天小编来为大家解答乐达大连穷胡小鸡满天飞这个问题咨询软件客服可以免费测试直接加微信（136...
四分钟带你透视！789大菠萝攻... 789大菠萝攻略开挂教程视频分享装挂详细步骤在当今的网络游戏中，789大菠萝攻略作为一种经典的娱乐方...
9分钟带你讲解！丽水都莱脚本辅... 9分钟带你讲解！丽水都莱脚本辅助，福建天天开心辅助工具，教你攻略（有挂教程）-哔哩哔哩 >>您好：软...
第4分钟带你明白！福建大玩家透... 第4分钟带你明白！福建大玩家透视，赣牌圈有挂吗，辅助教程（有挂总结）-哔哩哔哩福建大玩家透视ai黑科...
第十分钟带你发现！皮皮跑胡子修... 第十分钟带你发现！皮皮跑胡子修改器，友友联盟免费辅助器，专业教程（有挂总结）-哔哩哔哩1、下载安装好...
一分钟带你科普！叮叮川南游戏辅... 【亲，叮叮川南游戏辅助软件 这款游戏可以开挂的，确实是有挂的，很多玩家在这款叮叮川南游戏辅助软件中打...
8分钟带你讲解！拱趴游戏诀窍，... 8分钟带你讲解！拱趴游戏诀窍，爱来大菠萝辅助iq，扑克教程!（果真有挂）-哔哩哔哩爱来大菠萝辅助iq...