AngularJS组件布局引擎fxLayoutAlign =“拉伸”不起作用

Question

使用angular/flex-layout和angular/material2，fxLayoutAlign="stretch"指令似乎已被破坏。但是，fxLayoutAlign="start"和fxLayoutAlign="end"指令按预期工作。请查看此plnkr。

fxLayoutAlign="stretch" documented为：

  

每条线将伸展以填充剩余空间。

这是一个问题：

1. Flex Layout引擎？
2. 角度组件布局引擎？
3. 我的代码？

Answer 1

您正在寻找的只是弹性布局'中心'。 'stretch'适用于多行容器。

  

仅在flex-wrap: wrap存在且且有多行flexbox项

时才适用

  <md-card>
      <md-card-subtitle>fxLayoutAlign="center"</md-card-subtitle>
      <md-card-content>
          <div fxLayout="row" fxFlex="100" fxLayoutAlign="center">
              <md-slide-toggle>One</md-slide-toggle>
              <md-slide-toggle>Two</md-slide-toggle>
          </div>
      </md-card-content>
  </md-card>