是否可以使用Angular材料绑定结果，如在引导程序中

Question

我需要将数组项绑定到UI。

回到Days我使用了bootstrap，现在想要使用Angular Material。

在bootstrap和angular中绑定代码如下

<div class="row">
<div ng-repeat="product in products">
    <div class="col-sm-4">
        <h2>{{product.title}}</h2>
    </div>
</div>

如何使用Angular Material进行simalar网格绑定。我试过下面的

<div layout="column">
        <div ng-repeat="item in todos">
            <md-card>
                <md-card-content>
                  <p>item.title</p>
                </md-card-content>
            </md-card>
        </div>
    </div>

产生行中的所有项目。但是我需要显示器类似于bootstrap视图，显示彼此相邻和下一行的项目

Answer 1

您必须在行中添加“layout-wrap”属性。

  <div layout="row" layout-wrap>
          <div ng-repeat="item in todos">
              <md-card>
                  <md-card-content>
                    <p>item.title</p>
                  </md-card-content>
              </md-card>
          </div>
   </div>

详细了解布局选项here