Question

AngularJS中有一种方法可以动态识别ID或动态表格吗？我有这个动态添加行的表。

 <table class="table table-striped">
                    <thead>
                        <tr>
                            <th style="text-align:center">{{nameBlue}}</th>
                            <th style="text-align:center">Round</th>
                            <th style="text-align:center">{{nameRed}}</th>
                        </tr>
                    </thead>
                    <tbody class="tablerows">
                        <tr ng-repeat="x in tableArray track by $index">
                          <td>Red Corner</td>
                          <td>Round {{$index}}</td>
                          <td>Blue Corner</td>
                        </tr>
                      </tbody>
                </table>

和我的剧本

 //Create the module
 var myApp = angular.module("myModule", []);



 //Create the controller and register the module in one line
 myApp.controller("myController", function ($scope) {
$scope.message = "AngularJS tutorial";
$scope.score = [1,2,3,4,5,6,7,8,9,10];
$scope.rounds = [1,2,3,4,5,6,7,8,9,10,11,12];
$scope.selectedRounds = 0;


$scope.tableArray = [];
$scope.getRoundsArray = function() {
     $scope.tableArray = new Array( $scope.selectedRounds * 1);
  }
 });

因此动态选择并添加表中的行数。 Red Corner和Blue Corner将替换为具有1到10值的下拉列表。在表的末尾，我将总结下拉列表值，以便我能够在round1Red + round2Red ...上进行数学运算等等。有没有办法在创建表时为每个动态分配ID？

Answer 1

您可以动态地向表中添加ID，如下所示：

 <tr ng-repeat="x in tableArray track by $index">
     <td id="redCorner{{$index}}">Red Corner</td>
     <td>Round {{$index}}</td>
     <td id="blueCorner{{$index}}">Blue Corner</td>
 </tr>

这应该以{{1}}的形式为表格的每一行提供唯一的红色和蓝色角点ID。如果这有帮助，请告诉我。

AngularJS动态地为动态表中的元素分配ID

1 个答案: