Is it possible to set a default value in an AngularJS expression?
<p>I have an AngularJS expression enwrapped in a <code>&lt;a&gt;</code> tag. The expression is evaluating an <code>allow</code> variable.</p>

<pre><code>&lt;a href="#" &gt;{{allow}}&lt;/a&gt;
</code></pre>

<p>In case <code>allow</code> is <code>null</code> or <code>undefined</code> Angular shows nothing. Instead I would like to display a default string.</p>

<hr>

<p>To give you a better understanding, this is what I'm trying to achieve.</p>

<p><img src="https://i.stack.imgur.com/JrECQ.png" alt="enter image description here"></p>

<p>The modal on the right is generated from the form on the left. If the user didn't enter any text for "Allow Button Text" and "Disallow Button Text" I want to display <code>ALLOW</code> and <code>DON'T ALLOW</code> respectively.</p>

<p>Here is my code: </p>

<pre><code>&lt;div id="test2" class="row"  ng-app=""&gt;    
  &lt;label for="title"&gt;Title&lt;/label&gt;
  &lt;input type="text" name="title" ng-model="title" placeholder="https:/your website.com/wants to:"&gt;

  &lt;label for="title"&gt;Allow Button Text&lt;/label&gt;
  &lt;input type="text"  ng-model="allow" placeholder="ALLOW"&gt;

  &lt;label for="title"&gt;Disallow Button Text&lt;/label&gt;
  &lt;input type="text"  ng-model="disallow" placeholder="DONT ALLOW"&gt;     

  &lt;p&gt;{{title}}&lt;/p&gt;
  &lt;a href="" &gt;{{disallow}}&lt;/a&gt;
  &lt;a href="" &gt;{{allow}}&lt;/a&gt;
</code></pre>