Угловой 1.4.8 - как использовать троичный оператор в лопатке?

Question

У меня есть данные JSON в следующем формате -
{"Передний салон": "38,0 дюйма", "регулируемое по высоте сиденье водителя": правда, "многоуровневое отопление пассажирского сиденья": правда,"спортивные передние сиденья": правда, "передняя плечевая комната": "55,6 дюйма", "многоуровневое сиденье водителя с подогревом": правда, "8-местное сиденье водителя с электроприводом": правда, "кожзаменитель": правда, "спереди"пространство для ног »:« 42,3 дюйма »,« 4-х сторонняя ручная регулировка сиденья пассажира »: true,« Передняя тазобедренная комната »:« 50,3 дюйма »}

В шаблоне лезвия отображаются данныеas -

Я хочу использовать правый значок галочки вместо true , у меня есть следующиекоды в лезвии -

<ul>
    <li ng-repeat="(key, value) in fr1">
        @{{key}} - @{{value}}
    </li>
</ul>

Я пытаюсь что-то вроде -

<ul>
    <li ng-repeat="(key, value) in fr1">
        @{{key}} - @{{(value == true) ? <i class="fa fa-check"> : value}}
    </li>
</ul>

Но это не работает, кто-нибудь может помочь?

Answer 1

Я не думаю, что вы можете использовать троичное выражение вне кода внутри HTML.Но вы можете использовать два тега для положительных и отрицательных случаев, например,

<ul>
    <li ng-repeat="(key, value) in fr1">
        @{{key}} - <span style="@{{(value == true) ? 'display:none' : ''}}">@{{value}}</span>
        <i class="fa fa-check" style="@{{(value != true) ? 'display:none' : ''}}">
    </li>
</ul>

Логика здесь такова: если value будет правдивым, то <span>, содержащий текст value,будет скрыт, и будет отображаться правая галочка от <i>.Если value быть ложным, то <span> становится видимым, но тогда мы скрываем <i>.