title: Angular.js image 404 Not Found
body: <p>i've a tiny problem.
  I'd like to show icons from categories i get from my rest api.
  To do, i use rest angular which gives me icons as designed.
  My problem, is a firebug alert:</p>
  
  <pre><code>"NetworkError: 404 Not Found - http://localhost:8888/app/%7B%7Bc.icon%7D%7D"
  </code></pre>
  
  <p>This is because my template is laded before api response.</p>
  
  <pre><code>&lt;ul class="col-md-9 inner"&gt;
      &lt;li ng-repeat="c in categories"&gt;&lt;img src="{{c.icon}}" alt="{{c.name}}" ng-cloak&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>This is the piece of corresponding code in my controller</p>
  
  <pre><code>Category.getList().then(function(categories) {
       $scope.categories = categories;
  });
  </code></pre>
  
  <p>As you can see, i've try to work with ng-cloak, i've also tried to play with ng-show="categories" but nothing more.
  How can i avoid this behavior and load ng-repeat only when categories variable is populated ?</p>