如何在 generator-gulp-angular 上使用 material 设计居中布局？
How to center layout with material design on generator-gulp-angular?
我将 generator-gulp-angular 与 angular-material-design 和 ui-router
一起使用
好吧，所有视图都加载到 index.html 元素中 <div ui-view></div>
但是当我尝试使用 material 设计中的指令使元素居中时，此元素不是居中
例如：
http://plnkr.co/edit/LsXikk 这就是我需要的...
但这就是我得到的：
http://plnkr.co/edit/9LzHzE
我希望解释清楚我自己
更新： 我可以用 ui-view touch de element 因为其他视图会被加载到里面
您只是缺少 div 上带有 ui-view 指令的一些属性：
<div layout="row" flex layout-align="center center">
你错过了简单的事情。每当您使用 ui-view 加载视图文件时，您应该在该视图文件的第一个容器元素中使用 layout-fill 属性。看看这个 link。
http://plnkr.co/edit/GvOWET 如果您有任何问题，请告诉我。
我将 generator-gulp-angular 与 angular-material-design 和 ui-router
一起使用好吧，所有视图都加载到 index.html 元素中 <div ui-view></div>
但是当我尝试使用 material 设计中的指令使元素居中时，此元素不是居中
例如： http://plnkr.co/edit/LsXikk 这就是我需要的...
但这就是我得到的： http://plnkr.co/edit/9LzHzE
我希望解释清楚我自己
更新： 我可以用 ui-view touch de element 因为其他视图会被加载到里面
您只是缺少 div 上带有 ui-view 指令的一些属性：
<div layout="row" flex layout-align="center center">
你错过了简单的事情。每当您使用 ui-view 加载视图文件时，您应该在该视图文件的第一个容器元素中使用 layout-fill 属性。看看这个 link。
http://plnkr.co/edit/GvOWET 如果您有任何问题，请告诉我。