title: How to replace the avatar image by a div in the Ionic List-Item Directive?
body: <p>The ionic framework offers a <a href="http://ionicframework.com/docs/components/%23item-avatars" rel="nofollow">directive</a>
   to create lists with list items and avatars on the left using the following code:</p>
  
  <pre><code>&lt;div class="list"&gt;
   &lt;a class="item item-avatar" href="#"&gt;
        &lt;img src="venkman.jpg"&gt;
        &lt;h2&gt;Venkman&lt;/h2&gt;
        &lt;p&gt;Back off, man. I'm a scientist.&lt;/p&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>However, the avators need to be an image (looks like it searches for images). How can we replace this image by a custom div or just text?</p>