角度材料布局-如何创建可滚动的部分

Question

我想尽可能地只使用Material指令，而不是引入一些原始CSS东西。

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

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

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

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

任何帮助将不胜感激。

Answer 1

我最终设法使用此变通办法解决了这个问题。 似乎md-content在列布局中垂直拉伸时存在问题。

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

希望这也能帮助其他人。