使用 Ionic 5 创建 Ionic 3 按钮

Question

如何重新创建一个看起来像在我的旧 ionic3 应用程序语法中定义的 ionic5 按钮。

<button ion-button color="light" clear (click)="foo()">
      TEXT {{bar}}&nbsp;
      <ion-icon name="md-arrow-round-up" large></ion-icon>
</button>

如果我将此代码复制并粘贴到我的 ionic5 应用程序中，按钮将不会被格式化，而是默认浏览器按钮只是纯白色。

Answer 1

这是你想要的：

<ion-button color="light" fill="clear" (click)="foo()">
    TEXT {{bar}}&nbsp;
    <ion-icon mode="md" name="arrow-up" size="large"></ion-icon>
</ion-button>

您可以查看新文档 here。