如何在ng-repeat中修改bootstrap网格第一列的宽度
How to modify the width of first column of bootstrap grid inside ng-repeat
如何使用 AngularJS 将第一列的宽度加倍（从 col-xx-4 到 col-xx-8）？
使用 Bootstrap 本身非常简单（您将在附加的 plunker 部分 B 中看到它）。
我尝试在 A 部分做同样的事情 - AngularJS。
当我使用 $first select 或
ng-class='{"post col-xs-8":$first}'
除了第一列以外的所有列都可以。不幸的是，第一列得到 class col-xx-4，而不是 col-xx-12，它只占用 1/4 的空闲 space，而不是全宽。
如何 select 并将其更改为 B 部分中的样子？
http://plnkr.co/edit/PvkjyDg19oM3bQaqJWIK?p=preview
这就是你需要的：
<div ng-repeat="a in data" ng-class='{"post col-xs-8":$first, "col-xs-4":!$first}'>
<p class="color">{{a}}</p>
</div>
除第一列外，所有子 div 的父 div 均未设置宽度。
如何使用 AngularJS 将第一列的宽度加倍（从 col-xx-4 到 col-xx-8）？
使用 Bootstrap 本身非常简单（您将在附加的 plunker 部分 B 中看到它）。
我尝试在 A 部分做同样的事情 - AngularJS。
当我使用 $first select 或
ng-class='{"post col-xs-8":$first}'
除了第一列以外的所有列都可以。不幸的是，第一列得到 class col-xx-4，而不是 col-xx-12，它只占用 1/4 的空闲 space，而不是全宽。
如何 select 并将其更改为 B 部分中的样子？ http://plnkr.co/edit/PvkjyDg19oM3bQaqJWIK?p=preview
这就是你需要的：
<div ng-repeat="a in data" ng-class='{"post col-xs-8":$first, "col-xs-4":!$first}'>
<p class="color">{{a}}</p>
</div>
除第一列外，所有子 div 的父 div 均未设置宽度。