Angular 1.4.8-如何在Laravel刀片中使用三元运算符？

Question

我有以下格式的JSON数据-
{“前部头部空间”：“ 38.0英寸”，“高度可调节的驾驶员座椅”：true，“多级加热乘客座椅”：true，“运动前排座椅”：true，“前肩空间”： “ 55.6英寸”，“多级加热驾驶员座椅”：true，“ 8向电动驾驶员座椅”：true，“皮革”：true，“前腿空间”：“ 42.3英寸”，“ 4向”手动乘客座椅调节”：true，“前臀部室”：“ 50.3英寸。”}

在刀片模板中，数据显示为-

我要使用右勾图标代替 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>。