title: Output HTML from angularjs filter without ng-bind-html?
body: <p>Ok. I've googled the possibility of doing this without any luck. </p>
  
  <p>Here's my scenario: </p>
  
  <p>I'm trying to show a spinner for any value waiting on a promise to resolve, but I want to use a filter to achieve this without using the <code>ng-bind-html</code> directive, since most of my binding is already done using the curly braces expression syntax: <code>{{myvalue}}</code>. I just want to add a filter wherever I need this behaviour. Like this: <code>{{myvalue | waiting}}</code>, so that it can be replaced whenever the promise for <code>myvalue</code> resolves.</p>
  
  <p>I've searched and found that you cannot output html without the <code>ng-bing-html</code> directive. But I'm just checking to see if there's anyone who knows a better way to implement this, and just place the <code>waiting</code> marker as an <code>attribute/filter/css class</code> wherever i need this behaviour.</p>
  
  <p>Filter code:</p>
  
  <pre><code>app.filter('waiting', function(){
      return function(value){
          return '&lt;img src="loading.png"/&gt;';
      }
  });
  </code></pre>
  
  <p>Sample HTML:</p>
  
  <pre><code>&lt;div ng-controller='ControllerThatHoldsPromise'&gt; &lt;!-- :) --&gt;
      &lt;span&gt;{{myvalue | waiting}}&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Summarily, my objective is to output html without ng-bind-html.
  Thanks</p>