変数に基づく角度変更テキスト

Question

ボタンをクリックしたときにdivを表示しています。

"show"/"hide"と言うリンクのテキストを変更したいと思います。

私はそれを動作させていますが、2つのセパレートスパンで変数をチェックするのではなく、テキストを変更する方が良い方法があります。

<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