如何独立地填充引导单元格值？

Question

我在每一行中有一个引导网格三列，我的angularjs控制器发送这些列的值(所有三列值在值和数字上是不同的)。我有以下代码：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 value3

value11 value21 value31

value12 value22 value32

.............value23.............

应按柱状印刷。但目前，

value1 value2 value3

value11 value12 value21

value22 value23 value31

Value32.

它可以在AngularJS中使用引导程序吗？

Answer 1

它可与AngularJS中的引导程序联系在一起。创建一个对象数组，而不是硬编码多个对象数组。

因此，您只能使用2 ng-repeat。

我假设您希望以(row.number)(column.number)的方式显示。

您还可以检查this link，以获得一种更简单的方法，而不是只为数字手工创建对象。