Flexbox / Angular材料 - 包裹全宽行

Question

我正在使用Angular Material，它使用Flexboxes。 我想包装盒子，以便它们分布在几排。我实际上成功地使用以下代码执行此操作：

   <div layout="row" layout-align="start start" layout-wrap layout-margin>
      <md-card ng-repeat="SOME ITERATION" flex>
        SOME CONTENT
      </md-card>
   </div>

但是行未完全填充。在填充一行中可用的整个空间之前，<md-cards>不会拉伸。

以下是我想要做的事情的直观表示：

<md-cards>将是橙色框，它们将填充每个可用行的整个空间。

欢迎任何有关如何使用Flexboxes（如果可能）实现此功能的建议！