Javascript angularjs如果对象为空，则在HTML类中返回字符串

在我的html文件中，我有

<td data-ng-repeat="definition in visibleColumnDefinition"
    ng-style="{'width': definition.width}" class="table-ajax-col-{{definition.columnHeaderDisplayName}}">

---

angularjs中的if logic的语法是什么？

我建议将这个粘性逻辑分离成一个安全、可爱的控制器，它可以轻松地生活、护理和维护：

$scope.fetchClassNameForColumnHeaderBasedOnHeaderDisplayName = fetchClassNameForColumnHeaderBasedOnHeaderDisplayNameFn(displayNameString, indexVariable) {
  if (displayNameString && displayNameString !== '') {
    return 'table-ajax-col-' + displayNameString;
  } else {
    return 'table-ajax-col-' + indexVariable
  }
}

然后，您可以简单地将其绑定到ng类，作为一个表达式传入

displayString

和

$index

变量

<td data-ng-repeat="definition in visibleColumnDefinition"
    ng-style="{'width': definition.width}" 
    ng-class="fetchClassNameForColumnHeaderBasedOnHeaderDisplayName(definition.columnHeaderDisplayName, $index)"
>

这不起作用吗

<td data-ng-repeat="definition in visibleColumnDefinition track by $index"
    ng-style="{'width': definition.width}" class="table-ajax-col-{{definition.columnHeaderDisplayName ? definition.columnHeaderDisplayName : $index}}">

你到处看看

<td data-ng-repeat="definition in visibleColumnDefinition track by $index"
    ng-style="{'width': definition.width}" class="table-ajax-col-{{definition.columnHeaderDisplayName ? definition.columnHeaderDisplayName : $index}}">