如何在同一级别对它们进行图标处理？

Question

如何在同一级别对它们进行图标处理？

代码：

<button icon-button block (click)="nextpage();"> Palmares
    <ion-icon style="float:right" name="ios-arrow-forward"></ion-icon>
</button>
<button icon-button block (click)="nextpage();" icon-right> Classement
    <ion-icon style="float:right" name="ios-arrow-forward"></ion-icon>
</button>
<button icon-button block icon-right> Cours
    <ion-icon style="float:right" name="ios-arrow-forward"></ion-icon>
</button>
<button icon-button block icon-right> Site Web
    <ion-icon style="float:right" name="ios-arrow-forward"></ion-icon>
</button>

Answer 1

实际上我对Ionic没有任何了解，但我会尝试使用基本的inline-css按钮。

<button icon-button block (click)="nextpage();"> Palmares
    <ion-icon style="position:absolute;right:20px;" name="ios-arrow-forward"></ion-icon>
</button>
<button icon-button block (click)="nextpage();" icon-right> Classement
    <ion-icon style="position:absolute;right:20px;" name="ios-arrow-forward"></ion-icon>
</button>
<button icon-button block icon-right> Cours
    <ion-icon style="position:absolute;right:20px;" name="ios-arrow-forward"></ion-icon>
</button>
<button icon-button block icon-right> Site Web
    <ion-icon style="position:absolute;right:20px;" name="ios-arrow-forward"></ion-icon>
</button>

这可能会成功，祝你好运！