如何在ng-repeat中修改bootstrap网格第一列的宽度

Question

如何使用AngularJS将第一列的宽度（从col-xx-4加倍到col-xx-8）加倍？

使用Bootstrap本身很容易（你会在附带的plunker B部分看到它。）

我尝试在A部分中使用AngularJS进行相同的操作。

当我使用带有

的$ first选择器时

ng-class='{"post col-xs-8":$first}'

除了第一列之外的所有列都可以。不幸的是，第一列获得了类col-xx-4，而不是col-xx-12，它只占用了1/4的可用空间，而不是全宽。

如何选择它并将其改为B部分？ http://plnkr.co/edit/PvkjyDg19oM3bQaqJWIK?p=preview

Answer 1

这就是你需要的：

<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都没有设置宽度。