由於導致HomePage類錯誤：沒有供應商NavController

Question

我想從我的Google地圖標記中的按鈕打開ListPage。

1）

import { NavController, NavParams } from 'ionic-angular'; 

2）

constructor(public connectivityService: Connectivity, public navCtrl: NavController) { 

     } 

3）

infowindow.setContent('<button style="font-size: 1.5em; color: red; font-weight: bold;" ion-button (click)="showlistPage()">ADD BLOOD</button>' + "</br>" + results[1].formatted_address+'<p style="color: red;">'+distanceToYou+" miles from your location</p>"); 

5）

showlistPage() { 
    this.navCtrl.push(ListPage); 
} 

，但現在我得到這個錯誤：網頁，供navcontroller

Answer 1

儘管它已經是一個不好的做法我試圖從服務訪問一個頁面（也就是谷歌地圖在這種情況下）

import {NavController, App} from "ionic-angular"; 
..... 

@Injectable() 
export class GoogleMaps { 

private nav:NavController; 

..... 

constructor(public connectivityService: Connectivity, private app:App) { 

this.nav = app.getActiveNav(); 

} 

..... 

//in my Google Maps Marker I defined the button 

infowindow.setContent('<button style="font-size: 1.5em; color: red; font-weight: bold;" ion-button (click)="showlistPage()">ADD BLOOD</button>' + "</br>" + results[1].formatted_address+'<p style="color: red;">'+distanceToYou+" miles from your location</p>"); 

..... 


showlistPage() { 
    this.nav.push(ListPage); 
} 

我仍然無法從該按鈕訪問ListPage，但至少我解決了錯誤。

Answer 2

嘗試把服務連接在你的app.module作爲供應商造成的不提供，也不要忘記將其導入您的組件

Answer 3

從'ionic-angular'導入{NavController，NavParams}; // app.module.ts文件

在app.module.ts文件的底部添加以下代碼。

提供商：[NavController，{提供：的ErrorHandler，useClass：IonicErrorHandler}]