創建具有離子2

Question

從一些很好的基準離子2 plunkers這裏建立在http://plnkr.co/edit/ZsoPeE?p=preview和 http://plnkr.co/edit/WBeRRJyYucLwvckjh5W7?p=preview

你能不能幫我調整主/ Plunker在Plunker一個主/詳細信息的應用程序？我認爲我已經完成了所有的部分，但錯過了一些東西，因爲它會產生白色屏幕。

這是我在主/明細嘗試花掉 http://plnkr.co/edit/7NHIYMA3TUdd5nOkoXyF?p=preview

import { NgModule } from '@angular/core'; 
import { IonicApp, IonicModule } from 'ionic-angular'; 

import { AppComponent } from './app.component'; 
import { HomePage } from '../pages/home/home'; 
import { MasterPage } from '../pages/master/master'; 
import { DetailPage } from '../pages/detail/detail'; 

import { Sheetsu } from '../providers/sheetsu'; 

@NgModule({ 
    imports: [ IonicModule.forRoot(AppComponent) ], 
    declarations: [ AppComponent, HomePage, MasterPage, DetailPage], 
    entryComponents: [ HomePage, MasterPage, DetailPage ], 
    bootstrap: [ IonicApp ], 
    providers: [ Sheetsu ] 
}) 
export class AppModule { } 

Answer 1

固定Plunker：http://plnkr.co/edit/5V36C9QHYDGBIqSIfBUl?p=preview

你有幾次失誤

1）import { Sheetsu } from '../providers/sheetsu'; < - 你的文件被稱爲大寫S

2）你的相對路徑錯了，你做了它複雜，自己通過把pages: 'pages',你的配置裏面，例如：

import { MasterPage } from '../pages/master/master';

內HomePage應

import { MasterPage } from '../master/master';

3）您正在使用"module": "commonjs",，但未利用相關的html url：

templateUrl: 'pages/master/master.html', -> `templateUrl: './master.html',` 

與moduleId: module.id您@Component

4）你的按鈕內點擊return this.http.get('../assets/sheetsu.json')應該return this.http.get('./assets/sheetsu.json')