angularjs – 自动包装材质中的大量项目

发布时间：2020-12-17 17:53:25 所属栏目：安全来源：网络整理

导读：在bootstrap中,我可以做这样的事情： div class="row" div class="col-md-4" ng-repeat="myData in myArray"/div/div 如果我在myArray中有8个项目,我会得到类似的输出： 1 | 2 | 3 | 45 | 6 | 7 | 8 当我尝试使用材质/角度进行此操作时,我得到的是： ……显

在bootstrap中,我可以做这样的事情：

<div class="row">
  <div class="col-md-4" ng-repeat="myData in myArray"></div>
</div>

如果我在myArray中有8个项目,我会得到类似的输出：

1 | 2 | 3 | 4
5 | 6 | 7 | 8

当我尝试使用材质/角度进行此操作时,我得到的是：

……显然不是包装.

这是我的HTML：

<md-card>
  <h3 class="text-center">Stats</h3>
  <div layout="horizontal" class="text-center">
    <div ng-repeat="stat in equipmentStatArray" flex="25">
        <span class="fa fa-fw fa-2x vertical-center {{stat.fa}}">
            <md-tooltip>{{stat.name}}</md-tooltip>
        </span>
        <span>&nbsp;</span>
        <span>{{player._statCache[stat.name]}}</span>
    </div>
  </div>
</md-card>

这可能与材料有关吗？

解决方法

你可以这样做,或者你可以简单地将layout-wrap属性添加到你的< div ng-repeat =“stat in equipmentStatArray”flex =“25”>像这样：

< div ng-repeat =“stat in equipmentStatArray”flex =“25”layout-wrap>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!