ionic4 返回按钮功能实现

ionic4 添加返回按钮,ionic4中是可以去掉默认的返回的按钮的。
html:
<ion-header>
<ion-toolbar class="toolbarback">
<ion-icon style="float:left;width:50px;height:30px;color:white" name="ios-arrow-back" (click)='canGoBack()'></ion-icon>
<ion-title>个人信息</ion-title>
</ion-toolbar>
</ion-header>
ts:
import { NavController } from '@ionic/angular';
constructor(
public http: InterceptorService,
public nav: NavController
) { }
canGoBack() {
this.nav.goBack();
}
由于加了返回按钮后 title居中偏右，所以title，属性改为
.toolbarback {
--background: #1B81D1;
text-align: left;
color: white;
}