Ionic v4 master version || this.navCtrl.push is not a function help me please

#1
HOME.PAGE.HTML

<ion-header>
  <ion-toolbar>
    <ion-title>
      Ionic Blank
    </ion-title>
  </ion-toolbar>
</ion-header>


<ion-content padding>



<ion-list>
<button full  (click)="itemClick()">itemClick</button> //ı m error
<ion-item *ngFor="let item of items">
{{item.rank}}

{{item.id}}

{{item.price_usd}}
</ion-item>


</ion-list>

</ion-content>
HOME.PAGE.TS

import { Component, ViewChild } from '@angular/core';
import { NavController } from '@ionic/angular';
import { HttpClient } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { ModalController } from '@ionic/angular';
import { DetailPage } from '../detail/detail.page';



 @Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {
	

	public items:any;
	constructor(  public http: HttpClient, public modalController: ModalController, public navCtrl: NavController) {
		/*this.items = [
		{title: "Murat"}
		]
		*/
		this.loadData();

	}

	loadData() {
		let data:Observable<any>;
		data = this.http.get('https://api.coinmarketcap.com/v1/ticker/');
		data.subscribe(result => {
			this.items = result;
		});
	}

	itemClick(/*itemid:string*/) {
		this.navCtrl.push(DetailPage);
		//alert(itemid);
		
		
	} 


}

ERROR:

HomePage.html:15 ERROR TypeError: this.navCtrl.push is not a function
at HomePage.push…/src/app/home/home.page.ts.HomePage.itemClick (home.page.ts:37)
at Object.eval [as handleEvent] (HomePage.html:15)
at handleEvent (core.js:23009)
at callWithDebugContext (core.js:24079)
at Object.debugHandleEvent [as handleEvent] (core.js:23806)
at dispatchEvent (core.js:20458)
at core.js:20905
at HTMLButtonElement. (platform-browser.js:993)
at ZoneDelegate.push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)
at Object.onInvokeTask (core.js:17280)
View_HomePage_0 @ HomePage.html:15
proxyClass @ compiler.js:18234
push…/node_modules/@angular/core/fesm5/core.js.DebugContext_.logError @ core.js:24041
push…/node_modules/@angular/core/fesm5/core.js.ErrorHandler.handleError @ core.js:15762
dispatchEvent @ core.js:20462
(anonymous) @ core.js:20905
(anonymous) @ platform-browser.js:993
push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
onInvokeTask @ core.js:17280
push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:422
push…/node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
push…/node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:498
invokeTask @ zone.js:1744
globalZoneAwareCallback @ zone.js:1770
HomePage.html:15 ERROR CONTEXT DebugContext_ {view: {…}, nodeIndex: 11, nodeDef: {…}, elDef: {…}, elView: {…}}
View_HomePage_0 @ HomePage.html:15
proxyClass @ compiler.js:18234
push…/node_modules/@angular/core/fesm5/core.js.DebugContext_.logError @ core.js:24041
push…/node_modules/@angular/core/fesm5/core.js.ErrorHandler.handleError @ core.js:15767
dispatchEvent @ core.js:20462
(anonymous) @ core.js:20905
(anonymous) @ platform-browser.js:993
push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
onInvokeTask @ core.js:17280
push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:422
push…/node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
push…/node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:498
invokeTask @ zone.js:1744
globalZoneAwareCallback @ zone.js:1770