2016-07-23 51 views
0
import { Component, Inject } from '@angular/core'; 
import { NavController, Modal } from 'ionic-angular'; 

import { PopupPage } from '../../components/modal/modal.page'; 

@Component({ 
    templateUrl: 'build/pages/spot/spot.html', 
    providers: [ Modal ] 
}) 
export class SpotComponent { 

    constructor(@Inject(Modal) private modal: Modal) {} 
} 

enter image description here無法解析模態的所有參數:

+0

你可以把modalcomponent代碼在這裏。問題在模塊組件的構造函數中。 – micronyks

+0

它是一種離子型呼吸劑。這不是我的代碼。 – rakete

+0

好吧。錯誤表示無法在啓動模式時找到用於模態的依賴關係。 – micronyks

回答

2

就像@Pace評論,你可以在Ionic2 docs看一看,看看如何創建一個Modal(,,???)。

您不必將其包含在providers陣列中或在您的constructor中。相反,你應該使用這樣的Modal.create(...)方法:

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

@Component(...) 
class HomePage { 

constructor(/* ..., */ private nav: NavController) { 
    // Your code... 
} 

presentProfileModal() { 
    // Create the modal using the layout from the Profile Component 
    let profileModal = Modal.create(Profile, { paramId: 12345 }); 

    // Show the modal 
    this.nav.present(profileModal); 
} 

} 

@Component(...) 
class Profile { 

constructor(/* ..., */ private params: NavParams) { 
    // Get the parameter by using NavParams 
    console.log('paramId', params.get('paramId')); 
} 

} 
相關問題