基于变量的角度更改文本

【问题标题】：Angular change text based on variable基于变量的角度更改文本
【发布时间】：2016-10-05 13:35:30
【问题描述】：

单击按钮时我隐藏或显示 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>

【问题讨论】：

标签： angularjs

【解决方案1】：

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

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

Fiddle

【讨论】：

【解决方案2】：

检查一下，希望它对你有用：

<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">
    <span ng-bind="showHint ? 'Hide tips' : 'Show tips'"></span>
</a>

【讨论】：