在JavaScript构建HTML模板循环

Question

我构建内部的一个HTML模板for循环，我想在对模板传递变量值，并建立动态模板。

下面是我的for循环，我需要colIndex值提到HTML的标签跨度要传递“极品colIndex这里”

for (var colIndex = 0; colIndex < colCount; colIndex++) { 
    $scope.gridOptions.columnDefs.push({ 
    name: 'col-' + colIndex, 
    aggregationType: uiGridConstants.aggregationTypes.sum, 
    width: 85, 
    treeAggregationType: uiGridTreeViewConstants.aggregation.SUM, 
    cellTemplate: '<div class="ui-grid-cell-contents">'+ 
        '<span ng-if="!(row.entity[\'$$\' + col.uid])">{{row.entity[\'col-'+'<<Need colIndex here>>'+'\'] CUSTOM_FILTERS}}</span>'+ 
        '<span ng-if="row.entity[\'$$\' + col.uid]"> {{row.entity["$$" + col.uid].value CUSTOM_FILTERS}}</span>'+ 
        '</div>' 
    }); 
} 

请建议。

Answer 1

你可以做到这一点，

for (var colIndex = 0; colIndex < colCount; colIndex++) { 
$scope.gridOptions.columnDefs.push({ 
name: 'col-' + colIndex, 
aggregationType: uiGridConstants.aggregationTypes.sum, 
width: 85, 
treeAggregationType: uiGridTreeViewConstants.aggregation.SUM, 
cellTemplate: '<div class="ui-grid-cell-contents">'+ 
       '<span ng-if="!(row.entity[\'$$\' + col.uid])">{{row.entity[\'col-'+colIndex+'\'] CUSTOM_FILTERS}}</span>'+ 
       '<span ng-if="row.entity[\'$$\' + col.uid]"> {{row.entity["$$" + col.uid].value CUSTOM_FILTERS}}</span>'+ 
       '</div>' 
}); 
}