angular - md-list-icon 或 md-button 右对齐？ (棱 Angular Material 2)

Question

如何使按钮/图标/复选框像 Material 1 中那样右对齐:

https://material.angularjs.org/latest/demo/list

我目前( Material 2)有:

<md-list>
  <md-list-item *ngFor="let position of cart">
    <h3 md-line> {{ position.name }} </h3>
    <p md-line>
      <span> Line 1 </span>
    </p>
    <md-icon md-list-icon>delete</md-icon>
  </md-list-item>
</md-list>

Answer 1

对于上述内容，解决方案非常简单，只需在您的选择器中省略 mat-list-icon，Material 就会发挥作用:

<mat-list>
  <mat-list-item *ngFor="let position of cart">
    <h3 mat-line> {{ position.name }} </h3>
    <p mat-line>
      <span> Line 1 </span>
    </p>
    <div> $2.00 </div>
    <button mat-icon-button (click)="remove(1)">
      <mat-icon class="mat-24">delete</mat-icon>
    </button>
  </mat-list-item>
</mat-list>