[英]Angular Material 2 space-between mat-button for mat-menu
我想创建我的内部空间mat-button
按钮文本(间span
)和按钮图标( fa-icon
),将显示我的mat-menu
点击时。 我正在尝试使其看起来像这样:
我似乎根本无法正常工作。
这是我的代码:
<td mat-cell *matCellDef="let Participant">
<button mat-button [matMenuTriggerFor]="participantStatusMenu" class="participantStatusBtn">
<span>{{Participant.status | participantStatus}}</span>
<fa-icon class="" [icon]="['fas', 'angle-down']" size="lg"></fa-icon>
</button>
<mat-menu #participantStatusMenu="matMenu" class="participantStatusMenu">
<button *ngIf="Participant.status !== 1" mat-menu-item>{{1 | participantStatus}}</button>
<button *ngIf="Participant.status !== 2" mat-menu-item>{{2 | participantStatus}}</button>
<button *ngIf="Participant.status !== 3" mat-menu-item>{{3 | participantStatus}}</button>
</mat-menu>
</td>
我是通过以下方式实现的:
/deep/ .mat-button-wrapper {
width: 100%;
span {
float: left;
}
fa-icon {
float: right;
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.