Javascript 角度材质布局-如何创建可滚动部分

我希望尽可能只使用材料指令，而不是介绍一些原始的CSS内容

我尝试为占用整个视图端口的单页应用程序构建布局。 这是布局的草图：

+-------------------------------+
| Toolbar                       |
|----------+--------------------|
| Nav-Bar  | +----------------+ |
| +------+ | |                | |
| | List | | |                | |
| |      | | | un-scrollable  | |
| |      | | |     content    | |
| +------+ | | (fills         | |
| +------+ | | available area)| |
| | List | | |                | |
| |      | | |                | |
| +------+ | +----------------+ |
+----------+--------------------+

导航栏应保持固定高度，列表应可滚动

不同的部分是作为角度指令（和模板）实现的组件。其中一个问题是，以这种方式编写应用程序似乎打破了material的指令为我设置的css布局

---

任何帮助都将不胜感激。

我最终用这个解决了这个问题。md内容在列布局中垂直拉伸似乎有问题

另一个需要注意的要点是，确保从body开始在相关层次结构中的所有元素上定义布局

---

希望这对其他人也有帮助。

创建了可滚动的部分，但似乎您正在寻找其他人来为您执行此操作……我知道md内容。阅读文档，但正如我所提到的，当您尝试将其与用户标记指令相结合时，我遇到了问题。半天之后，我宁愿寻求帮助。非常感谢。