如何设计在右侧带有符号的离子按钮？

Question

我正在使用以下带有蓝色背景和白色标签的简单离子按钮。但是我需要一个椭圆形的符号在右边的符号。我已经附上了这两个图像（我现在正在使用的按钮和我实际需要的按钮）。由于我是Ionic的新手，因此如何设计按钮。

我已附上我的编码和图片：

我当前使用按钮的HTML代码段：

<ion-item>
<div>
<button ion-button name="submitbutton" (click)="submitforget()" tabindex="3" #submitbutton class="submitbutton">SUBMIT</button>
  </div>
  </ion-item>

我当前按钮的CSS：

.submitbutton{
    text-align: right;
    vertical-align: right;

}

我的实际按钮：

但是我需要如下按钮：

Answer 1

ionic中有默认的按钮小部件。

尝试下面的代码

<button ion-button icon-end>
Right Icon
<ion-icon name="star"></ion-icon>
</button>

您可以找到更多Here