如何使用角度材料 md-grid-list答案

【问题标题】：How to use angular material md-grid-list如何使用角度材料 md-grid-list
【发布时间】：2015-02-26 13:30:54
【问题描述】：

我正在编写一个应用程序，它是由 yeoman 生成器 ng-poly 搭建的。我使用 sylus 作为 css 预处理器，使用 jam 作为模板引擎。我想使用 angular-material 的 md-grid-list 和 md-grid-tile 指令。所以这里是为模板截取的代码：

div.content(layout='row', layout-margin)
  md-grid-list(md-cols='5', md-row-height="4:3", md-gutter="1em")
   md-grid-tile(ng-repeat='box in dashboard.boxes')
     p I am a paragraph

结果如下：

我正在使用 angularjs v1.3.14 和 angular-material v0.8.1。

我做错了什么？

谢谢

【问题讨论】：

您是否忘记包含其中一个 css 文件？如果您链接（正确的）原始 css 文件而不是预处理文件，它是否有效？
我在 index.jade 中添加了link(rel='stylesheet', href='https://material.angularjs.org/docs.css')。结果保持不变。
您是否添加了更多 css 文件 - 一些会覆盖材料中预期的样式？
我在 index.jade 头部的末尾添加了指向 angulat-material 的链接 - 所以这不是问题。
这并没有提供问题的答案。要批评或要求作者澄清，请在其帖子下方发表评论。

标签： angularjs pug material-design stylus

【解决方案1】：

由于layout="row"，我遇到了类似的问题。

我将其替换为 layout="column" 并且它起作用了。

你试过了吗？

【讨论】：