基于变量的角度改变文本

Question

单击按钮时我隐藏或显示 div。

我想将链接中的文本更改为“显示”/“隐藏”。

我可以正常工作，但是有没有更好的方法来更改文本，而不是检查两个单独跨度上的变量。

    <a ng-click="showHint = !showHint"><span ng-if="showHint">Hide</span><span ng-if="!showHint">Show</span> tips</a>

    <div ng-if="showHint">
        <p>
            Hint text Hint text Hint text Hint text 
        </p>
    </div>

Answer 1

您可以使用带有插值的条件运算符。

<a ng-click="showHint = !showHint">{{ showHint ? "Hide" : "Show"}}tips</a>

小提琴