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

相关内容

热门资讯

一起来讨论！创思维激k透视挂（... wepoker软件辅助程序 无需打开直接搜索微信：136704302本司针对手游进行，选择我们的四大...
玩家必看科普！创思维激k透视挂... 玩家必看科普！创思维激k透视挂（透视）wepoker软件辅助程序（透明教程有挂秘籍）【无需打开直接搜...
玩家必看秘籍！对战互娱有辅助器... >>您好：对战互娱有辅助器吗确实是有挂的，很多玩家在这款对战互娱有辅助器吗游戏中打牌都会发现很多用户...
重大通报！哥哥打大a游戏攻略（... >>您好：哥哥打大a游戏攻略确实是有挂的，很多玩家在这款哥哥打大a游戏攻略游戏中打牌都会发现很多用户...
透视安卓版！八仙游戏辅助（透视... >>您好：wejoker辅助机器人确实是有挂的，很多玩家在这款wejoker辅助机器人游戏中打牌都会...
透视能赢！微友联盟辅助下载（透... 透视能赢！微友联盟辅助下载（透视）sohoo开挂辅助（大神讲解有挂透视）；无需打开直接搜索薇:136...
透视智能ai！小程序广东雀神智... 透视智能ai！小程序广东雀神智能插件安装（透视）wepoker辅助器官方（透牌教程有挂辅助）小程序广...
透视有挂！佛手在线辅助器（透视... 透视有挂！佛手在线辅助器（透视）约局吧德州透视（安装教程揭秘有挂）佛手在线辅助器ai黑科技系统规律教...
玩家爆料！哈糖大菠萝辅助神器（... 玩家爆料！哈糖大菠萝辅助神器（透视）wepoker怎么看底牌（技巧教程有挂助手）；无需打开直接搜索薇...
让我来分享经验！破解潮娱乐鱼虾... 让我来分享经验！破解潮娱乐鱼虾蟹（透视）wepoker祈福有用吗（靠谱教程存在有挂）您好：破解潮娱乐...