ブートストラップセルの値をカラムごとに独立して満たす方法

Question

私は、各行のブートストラップグリッド3列があり、私のangularjsコントローラが私これらの列の値を送信する（3つのすべての列の値が値や数に異なっている私は、コードを次ています。 のindex.html：

<div class="container" > 
    <div id="main_row" class="row"> 
    <div id="main_row1"class="col-sm-3 col-md-99 row-height" >value1</div> 
    <div id="main_row2" class="col-sm-6 col-md-97 row-height" >value2</div> 
    <div id="main_row3" class="col-sm-3 col-md-98 row-height" >value3<br> 
    </div> 
    </div> 

    <div id="content_row12" class="row" > 
    <div id="content_t5" class="col-sm-3 col-md-99 row-height" ng-repeat="value in value1" > 
<div id="content_6" class="row" > 
<span >{{value.text}}</span> 
</div> 
    </div> 
    <div id="content_7" class="col-sm-6 col-md-97 row-height" ng-repeat="value in value2" > 
     <div id="content_8" class="row" > 
     <<span >{{value.text}}</span> 
</div> 
    </div> 
    <div id="content_tl_row_stat" class="col-sm-3 col-md-98 row-height" ng-repeat="value in value3" > 
     <div id="content_9" class="row" > 
     <<span >{{value.text}}</span> 
</div> 
    </div> 
    </div> 
    <div> 

を

controller.js

angular.module('value', []).controller('task_ctrl',function ($scope) { 

    $scope.value1= [ 
    {text:'value11'}, 
    {text: 'value12'} 
    ]; 
    $scope.value2 = [ 
    {text:'value21'}, 
    {text: 'value22'} 
    {text: 'value23'} 
    ]; 
    $scope.value3 = [ 
    {text:'value31'}, 
    {text: 'value32'} 
    ]; 
}); 

私は次のように印刷が見える必要があることを望む：

をvalue1 value2の値3
value11 value21 value31
value12 value22 value32
............. ............. value23

はする必要があります列方向に印刷される。しかし現在では、

をvalue1 value2の値3
value11 value12 value21
value22 value23 value31
value32 .........................

AngularJSのブートストラップでも使えますか？

Answer 1

AngularJSでブートストラップで習得可能です。複数のオブジェクト配列をハードコーディングする代わりに、オブジェクト配列の配列を作成します。

したがって、2 ng-repeatを使用する必要があります。

（row.number）（column.number）のように表示したいとします。

また、番号の代わりに手動でオブジェクトを作成するのではなく、より簡単なアプローチを得るためにthis linkをチェックすることもできます。