兩個一個單臺TR

嗨循環中的我有我的表之一以下代碼：兩個一個單臺TR

<div class="col-md-4"> 
     <h2 align="center">Severity</h2> 
     <table class="table table-hover paleblue"> 
      <tr style="background-color: #eb0000; color:white"> 
       <th width="10px">Rank</th> 
       <th>Name</th> 
       <th>Criteria</th> 
      </tr> 
      {%verbatim%} 
       <tr ng-repeat="s in siverity track by $index"> 
        <td> 
         {{$index+1}} 
        </td> 

        <td> 
         <div ng-repeat="s in siverity" class="col-md-12" style="height:100px"> 
         {{s}}<br> 
         <textarea class="form-control">{{s}}</textarea> 
         </div> 
        </td> 

        <td> 
         <div ng-repeat="c in criteria" class="col-md-12" style="height:100px"> 
          {{c}}<br> 
         <textarea class="form-control">{{c}}</textarea> 
         </div> 
        </td> 
       </tr> 
      {%endverbatim%} 
     </table> 
    </div>

腳本：

$scope.siverity = ['A', 'B', 'C']; 
$scope.criteria = ['D', 'E', 'F'];

與HTML的問題是，它實際上是創造3 tds裏面的tr而不是1.我怎樣才能解決這個問題，這樣我就可以得到一個表1和2的tds對應的表？提前致謝。

來源

2016-05-10 vellattukudy

爲什麼在表中使用DIV標籤？這是錯誤的。 –

，因爲這些值實際上是動態的 – vellattukudy

可以說，如果我刪除所有的div，我會得到我的結果，但標準的值來自另一個列表，我如何循環，以便標準將有價值？ – vellattukudy

好，首先我會改變你的方式保持你的數據在$範圍內。如果你有類似

$scope.ranks = [{ 
    id: 1, 
    siverity: 'A', 
    criteria: 'D' 
}, { 
    id: 2, 
    siverity: 'B', 
    criteria: 'E' 
}, { 
    id: 3, 
    siverity: 'C', 
    criteria: 'F' 
}];

你可以有你的模板是：

{%verbatim%} 
<tr ng-repeat="rank in ranks"> 
    <td> 
    {{rank.id}} 
    </td> 

    <td> 
    <div class="col-md-12" style="height:100px"> 
    {{rank.siverity}}<br> 
    <textarea class="form-control">{{rank.siverity}}</textarea> 
    </div> 
    </td> 

    <td> 
    <div class="col-md-12" style="height:100px"> 
     {{rank.criteria}}<br> 
    <textarea class="form-control">{{rank.criteria}}</textarea> 
    </div> 
    </td> 
</tr> 
{%endverbatim%}

如果因任何原因，你必須保持在$範圍，因爲它是，你可以改變你的模板像這樣：

{%verbatim%} 
<tr ng-repeat="s in siverity track by $index"> 
    <td> 
    {{$index}} 
    </td> 

    <td> 
    <div class="col-md-12" style="height:100px"> 
    {{s}}<br> 
    <textarea class="form-control">{{s}}</textarea> 
    </div> 
    </td> 

    <td> 
    <div class="col-md-12" style="height:100px"> 
     {{criteria[$index]}}<br> 
    <textarea class="form-control">{{criteria[$index]}}</textarea> 
    </div> 
    </td> 
</tr> 
{%endverbatim%}

來源

2016-05-10 11:37:23 apieceofbart

一些變化：

<tr ng-repeat="s in siverity track by $index"> 
     <td> 
      {{$index+1}} 
     </td> 
     <td> 
      <div ng-repeat="s in siverity" class="col-md-12" style="height:100px"

你不需要上面這行，因爲你已經迭代siverity

  {{s}}<br> 
      <textarea class="form-control">{{s}}</textarea> 
      </div> 
     </td> 

     <td> 
     <div ng-repeat="c in criteria" class="col-md-12" style="height:100px"> 
      {{c}}<br> 
       <textarea class="form-control">{{c}}</textarea> 
      </div> 
     </td> 
</tr>

來源

2016-05-10 11:29:24

兩個一個單臺TR

回答

相關問題