title: AngularJS rendering different template inside ng-repeat using ng-view
body: <p>I would like to apologize that I couldn't provide any code snippet regarding this question, I am a newbie about <strong>AngularJS</strong>.</p>
  
  <pre><code>&lt;div ng-repeat="item in list" ng-view&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Using the code above, would it be possible to render different template which would be dependent on <code>item.type</code> property. I was expecting a result like this:</p>
  
  <ul>
  <li>item.type == "image" <em>returning:</em> <code>&lt;div&gt;&lt;img src="'IMAGE_URI'"&gt;&lt;/div&gt;</code></li>
  <li>item.type == "text" <em>returning:</em> <code>&lt;div&gt;&lt;p&gt;TEXT&lt;/p&gt;&lt;/div&gt;</code></li>
  </ul>
  
  <p>As of now I have create a template html for the enumeration of <code>item.type</code>. Is this concern possible using <strong>AngularJS</strong>? I've recently learned that <code>ng-view</code> accompannied with <code>ng-route</code>.</p>