title: How to have a default text if ng-bind or {{}} is blank
body: <p>I am trying to bind a <code>scope</code> variable with <code>&lt;span&gt;</code> and i am trying to display some default text if the scope variable is blank.I tried using <code>ng-bind</code> and <code>{{}}</code> but could not find a solution.<a href="http://jsfiddle.net/divm/h4ehecc0/1/" rel="nofollow">This</a> is an illustration of the issue</p>
  
  <p>Here is my controller</p>
  
  <pre><code>myApp.controller("MyCtrl",function($scope) {
  $scope.level = "iResult";
  $scope.reset =function(){
      $scope.level = "";
  };
  </code></pre>
  
  <p>Here is the template</p>
  
  <pre><code>&lt;div ng-controller="MyCtrl" id="tableForVxp" class="dataDisplay2"&gt;
  {{level}}
  &lt;button ng-click="reset()"&gt;RESET&lt;/button&gt;
  &lt;p&gt;On click of reset the level get updated as blank and if its blank i want a default text "NoneLeft" to be displayed&lt;/p&gt;
  </code></pre>
  
  <p></p>
  
  <p>I am not looking for solutions using <code>ng-if,ng-show,ng-hide</code> .</p>