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

时间:2016-01-04 16:08:33

标签: javascript angularjs angular-material angular-directive

我想尽可能多地使用材质指令,而不是引入一些原始的CSS。

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

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

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

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

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

我最终使用此workaround来解决此问题。似乎md-content在列布局中垂直拉伸存在问题。

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

希望这也有助于其他人。

相关问题