Angular change text based on variable
<p>I'm hiding or showing a div when a button is clicked.</p>

<p>I want to change the text in the link to say "show" / "hide".</p>

<p>I have it working but is there a better way to change the text rather than checking for the variable on two seprate spans.</p>

<pre><code>    &lt;a ng-click="showHint = !showHint"&gt;&lt;span ng-if="showHint"&gt;Hide&lt;/span&gt;&lt;span ng-if="!showHint"&gt;Show&lt;/span&gt; tips&lt;/a&gt;

    &lt;div ng-if="showHint"&gt;
        &lt;p&gt;
            Hint text Hint text Hint text Hint text 
        &lt;/p&gt;
    &lt;/div&gt;
</code></pre>