尝试在CSS中使用它。

h2 {
        margin: 0;
        display: inline-block;
        }

<ion-list>
            <ion-item *ngFor="let service of services">
                <h2>{{service.name}}</h2>
                <button ion-fab mini color="danger"><ion-icon name="trash"></ion-icon>  </button>
                <button ion-fab mini color="secondary"><ion-icon name="create"></ion-icon></button>
            </ion-item>
        </ion-list>

以下是您需要的：

<h2 style="display: inline;">{{service.name}}</h2>

<ion-list>
    <ion-item *ngFor="let service of services">
        <h2 style="display:inline;">{{service.name}}</h2>
        <button ion-fab mini color="danger"><ion-icon name="trash"></ion-icon></button>
        <button ion-fab mini color="secondary"><ion-icon name="create"></ion-icon></button>
    </ion-item>
</ion-list>

h2是一个块标记，这意味着它总是试图占用自己的行。可以通过覆盖其显示样式来避免此问题。

<ion-list>
    <ion-item *ngFor="let service of services">
        <h2 style="display:inline;">{{service.name}}</h2>
        <button ion-fab mini color="danger"><ion-icon name="trash"></ion-icon></button>
        <button ion-fab mini color="secondary"><ion-icon name="create"></ion-icon></button>
    </ion-item>
</ion-list>

但这是一个非常特别的解决方案。你真的要想，风格上，关于 * 为什么 * 你想在同一行。因为使用h2作为内联标记类似于告诉HTML引擎“我想要一个头，但我不希望它是一个头”。如果你只是想放大文本，也许可以考虑在span中设置一些文本，并使用CSS使其变大。

<ion-list>
    <ion-item *ngFor="let service of services">
        <span style="font-size:1.5em;font-weight:bold;">{{service.name}}</span>
        <button ion-fab mini color="danger"><ion-icon name="trash"></ion-icon></button>
        <button ion-fab mini color="secondary"><ion-icon name="create"></ion-icon></button>
    </ion-item>
</ion-list>

这给你基本上相同的视觉效果，但现在你不反对HTML得到它。

我找到的解决方案是这样的：

<ion-list>
  <ion-item *ngFor="let service of services | orderBy: 'name'">
    <ion-label>{{service.name}}</ion-label>
    <button (click)="onActive(service.detalhe.id)" *ngIf="service.isActive" ion-button outline item-right>Desativar</button>
    <button (click)="onActive(service.detalhe.id)" *ngIf="!service.isActive" ion-button outline item-right>Ativar</button>
    <button (click)="openUpdatePage(service)" ion-fab mini color="secondary" item-right><ion-icon name="create"></ion-icon></button>
    <button (click)="deleteService(service)" ion-fab mini color="danger" item-right><ion-icon name="trash"></ion-icon></button>
  </ion-item>

谢谢大家的回答！