Angular Flex布局

问题描述

我希望使用 Angular Flex Layout + Angular材质组件创建一个单页应用程序Web界面。我一直在关注本教程中的示例以及其他https://www.angularjswiki.com/flexlayout/布局示例中的大量示例,尽管我理解了这些示例,但无法将它们正确地转换为实际应用程序。图片价值一千字,所以我将从布局的角度向您展示我想要实现的目标。

enter image description here

我想要的东西

  • 对Angular使用Flex布局
  • 仅使用Material Design组件+ threejs(用于可视化网格文件-stl和obj)
  • 响应式布局
  • 易于理解和扩展

我在哪里挣扎

  • 当我添加三个js组件场景时,即使我像其他控件一样包装div元素,似乎也弄乱了整个flex布局
  • 永远不要确定在.css文件和.html文件中放置什么内容(高度等。)
  • 如何设置右侧栏以包含一个选项卡式控件,该控件保持与主视图相同的高度
  • 不确定如何使所有高度与图片中的高度相同-全尺寸时不要滚动条

有人能指出我正确的方向吗?也许已经完成的一个例子可以作为一个很好的起点。我知道我可以对控件,工具栏,选项卡等进行编程-当时确实是布局使我丧命,以及我如何以Angular方式向其添加材质组件+ threejs场景

预先感谢

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...