javascript - 如何在 generator-gulp-angular 上使用 Material 设计居中布局？

Question

我正在使用 generator-gulp-angular使用 Angular Material 设计和 ui 路由器

好吧，所有 View 都加载到元素 <div ui-view></div> 中的 index.html 中

但是当我尝试将元素与 Material 设计中的指令居中时，这个元素不居中

例如: http://plnkr.co/edit/LsXikk这就是我需要的...

但这就是我得到的: http://plnkr.co/edit/9LzHzE

我希望解释清楚

更新:我可以用 ui-view touch de 元素，因为其他 View 将被加载到里面

Answer 1

您错过了简单的事情。每当您使用 ui-view 加载 View 文件时，您应该在该 View 文件的第一个容器元素中使用 layout-fill 属性。查看此链接。 http://plnkr.co/edit/GvOWET如果您有任何问题，请告诉我。