Создание шаблона HTML в JavaScript для цикла

Question

Создание шаблона HTML в JavaScript для цикла

0

Я создаю HTML-шаблон внутри цикла for, я хотел бы передать значение переменной в шаблон и создать динамические шаблоны.

Ниже мой цикл for, мне нужно значение colIndex, которое должно быть передано в теге Span HTML, упомянутом как "Need 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>'
  });
}

Пожалуйста, предложите.

Surya Prasad 05 окт. 2015, в 15:34

Источник

1

Разве вы не можете просто передать его так же, как заполняете свойство name ?
James Thorpe 05 окт. 2015, в 12:44
0

Я думал о чем-то более сложном и получил базовую конкатенацию строк;) ...
Surya Prasad 06 окт. 2015, в 12:07

Теги:

javascript

html

angularjs

1 ответ

Ещё вопросы

Разве вы не можете просто передать его так же, как заполняете свойство name ?
Я думал о чем-то более сложном и получил базовую конкатенацию строк;) ...

Akshay Kumar · Answer 1 · 2015-10-05T10-50-00.000Z

Вы можете сделать это,

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>'
});
}

Да: D .. Я понял после публикации вопроса, это был очень глупый вопрос :) Спасибо, чувак ..