基于变量的角度更改文本

Question

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

我想改变链接中的文字来说“show”/“hide”。

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

<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

检查这一点，希望它为你的作品：

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

完整的片段：

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

OR

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

Answer 2

可以使用条件运算符插值。

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

Fiddle