Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 如何使用角材质md栅格列表_Angularjs_Pug_Material Design_Stylus - Fatal编程技术网

Angularjs 如何使用角材质md栅格列表

Angularjs 如何使用角材质md栅格列表,angularjs,pug,material-design,stylus,Angularjs,Pug,Material Design,Stylus,我正在写一个应用程序,它是由约曼发电机搭建的。我使用sylus作为css预处理器,使用jade作为模板引擎。我想使用角度材质的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 dashb

我正在写一个应用程序,它是由约曼发电机搭建的。我使用sylus作为css预处理器,使用jade作为模板引擎。我想使用角度材质的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
结果如下:

我使用的是AngularJSV1.3.14和AngularMaterial v0.8.1

我做错了什么


谢谢

由于
layout=“row”
,我遇到了类似的问题

我用
layout=“column”
替换了它,它成功了


您尝试过这个吗?

您是否忘记包含一个css文件?如果您链接(正确的)原始css文件而不是预处理的文件,它是否有效?我添加了
link(rel='stylesheet',href='10)https://material.angularjs.org/docs.css)
到我的index.jade。结果保持不变。您是否添加了更多css文件?其中一些文件会覆盖材质的样式?我在index.jade标题的末尾添加了指向angulat材质的链接,因此这可能不是问题所在。这并不能回答问题。若要评论或要求作者澄清,请在其帖子下方留下评论。