如何用离子列表项目指令中的div替换头像图像?

时间:2015-01-22 22:20:07

标签: html css angularjs ionic-framework ionic

离子框架提供directive  使用以下代码创建左侧列表项和头像的列表:

<div class="list">
 <a class="item item-avatar" href="#">
      <img src="venkman.jpg">
      <h2>Venkman</h2>
      <p>Back off, man. I'm a scientist.</p>
    </a>
</div>

然而,avators需要是一个图像(看起来像搜索图像)。我们如何用自定义div或文本替换此图像?

1 个答案:

答案 0 :(得分:7)

解决了它,使用item-icon-left!

<a class="item item-icon-left" href="#">
  <i class="icon ion-home"></i>
  <h2>Venkman</h2>
  <p>Back off, man. I'm a scientist.</p>
</a>