离子2导航栏

Question

我正在尝试在我的应用的导航栏中添加一些按钮，

<ion-header>

    <ion-navbar hideBackButton #detailsNav style="height:70px" [formGroup]="detailsForm">

        <!--<ion-title>-->
            <table style="width:100%">
                <tr>
                    <td style="width:20%;">
                        <button ion-button outline style="height:28px;font-size:12px" (click)="onCancel()">Cancel</button>
                    </td>
                    <td style="width:60%;text-align:center;font-weight:bold;font-size:16px;">
                        <div>Details Edit</div>
                    </td>
                    <td style="width:20%;">
                        <button ion-button style="height:28px;font-size:12px" (click)="onSubmit()" [disabled]="!detailsForm.valid">Save</button>
                    </td>
                </tr>
            </table>
        <!--</ion-title>-->

    </ion-navbar>

</ion-header>

当我在Android上运行应用程序时它工作正常，但是当我按下取消按钮并导航到上一页时，在IPhone上，标题将在前一页面标题上显示一段时间

如果我将表放在 ion-title 标记内，它将正常工作，但它不会占用所有可用宽度，这只会在iPhone上发生。 如果没有这种滞后，有没有办法做到这一点？

提前致谢

Answer 1

<ion-header>
   <ion-toolbar>
    <ion-buttons start>
       <button ion-button outline (click)="onCancel()">
        Cancel
       </button>
     </ion-buttons>
     <ion-title>Details Edit</ion-title>
     <ion-buttons end >
       <button ion-button (click)="onSubmit()" [disabled]="!detailsForm.valid"">
         Save
       </button>
     </ion-buttons>
   </ion-toolbar>
 </ion-header>

查看文档以获取更多详细信息here