md-list-icon或md-button右对齐？ （角材料2）

Question

任何方式如何使右对齐如按钮/图标/复选框在材料1：

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

我目前（材料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 Tor和材料会做的魔力：

<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> 

Answer 2

您还可以DIR实现这一属性

<md-list dir="rtl"> 
 
    ... 
 
</md-list>