Angularjs 基于变量的角度变化文本

单击按钮时，我正在隐藏或显示一个div

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

我有它的工作，但有没有更好的方法来更改文本，而不是检查两个seprate跨度上的变量

    <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>

隐藏提示

提示文本提示文本提示文本提示文本提示文本

检查此项，希望它对您有用：

<span ng-bind="showHint ? 'Hide' : 'Show'"></span>

完整代码段：

<a ng-click="showHint = !showHint">
    <span ng-bind="showHint ? 'Hide' : 'Show'"></span> tips
</a>

提示

或

---

可以将条件运算符与插值一起使用

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

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