离子头像图片与复选框在一行

Question

我正在创建一个带离子框架的移动应用程序。 我想用。左侧为头像图片，中间为文字，右侧为复选框。我怎样才能做到这一点？以下代码不对，但这就是我现在所拥有的。

<ion-list>
        <div class="list"><a class="item item-avatar"><img src="img/profile.jpg"></a></div>
        <ion-checkbox style="background-color:#594d65;color:white;"><b>Red</b></ion-checkbox>
</ion-list>

Answer 1

我用这样的东西做到了。享受！

＆＃13;

＆＃13;

<ion-list no-lines>
    <ion-list-header>
      List With Checkboxes No Lines
    </ion-list-header>
    <ion-item *ngFor="let user of users">
      <ion-avatar item-left>
        <img src={{user.thumbnailUrl}}>
      </ion-avatar>
      <ion-label>{{user.email}}</ion-label>
      <ion-checkbox item-right checked="true"></ion-checkbox>
      </ion-item>
 </ion-list>

＆＃13;

＆＃13;

＆＃13;