Обернуть стиль нг в строку

Question

Так что у меня есть некоторый диапазон, который должен быть скрыт, если filters[*index*] имеет пустое значение

var span = "<span ng-style='{ 'display': filters[" + filterIndex + "] == '' ? 'none' : 'inline-block' }'></span>"
cell.html(span);

И, конечно, это не работает

Но когда он переходит на HTML-страницу, я вижу это:

<span ng-style="{ " display':="" filters[6]="=" ''="" ?="" 'none'="" :="" 'inline-block'="" }'=""></span>

Как мне обернуть ng-styl e, чтобы увидеть результат, который я хочу увидеть?

Answer 1

Я не кодирую Angular, попробуйте что-то вроде этого:

const style = filters[filterIndex] == '' ? 'none' : 'inline-block';
var span = `<span ng-style={ 'display': ${style} }></span>`

Answer 2

Почему бы просто не нг, например

<div ng-repeat-start="filter in filters track by $index">
     <span ng-if="$index!=null"> {{filter.a}} {{$index}}</span>
</div>