angularjs - 基于变量的 Angular 更改文本

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

最佳答案

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

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