Ionic TypeScriptエラー（ 'HomePage'タイプに 'nav'プロパティがありません）

Question

このIonic 2チュートリアルに従っており、問題が発生しました。問題はTypeScript（画像参照）にあります。ここにはvideo tutorial I followedがあります。ここで

src/pages/home/home.html次のとおりです。

<ion-header> 
 
    <ion-navbar primary *navbar> 
 
    <ion-title> 
 
     Tasker 
 
    </ion-title> 
 

 
    <ion-buttons end> 
 
     <button ion-button icon-only> 
 
     <ion-icon name="add"></ion-icon> 
 
     </button> 
 
    </ion-buttons> 
 

 
    </ion-navbar> 
 
</ion-header> 
 

 
<ion-content> 
 

 
    <ion-list> 
 

 
    <ion-item *ngIf="!task.length"> 
 
     No Task Available 
 
     <p> Click <ion-icon name="add"> to add task</ion-icon></p> 
 
    </ion-item> 
 

 
    <ion-item-sliding *ngFor="#t of tasks"> 
 
     <ion-item> 
 
     <ion-toggle></ion-toggle> 
 
     <ion-label> 
 
      <h2 [ngClass]="t.status">{{t.task}}</h2> 
 
      <p [ngClass]="t.priority">{{t.priority}}</p> 
 
     </ion-label> 
 
     </ion-item> 
 

 
     <ion-item-options> 
 

 
     <button primary><ion-icon name="clipboard"></ion-icon>Edit</button> 
 
     <button danger><ion-icon name="trash"></ion-icon>Delete</button> 
 

 
     </ion-item-options> 
 
    </ion-item-sliding> 
 

 

 
    </ion-list> 
 

 
</ion-content>

とエラーが!:

import { Component } from '@angular/core'; 
 
import { NavController } from 'ionic-angular'; 
 

 
@Component({ 
 
    selector: 'page-home', 
 
    templateUrl: 'home.html' 
 
}) 
 
export class HomePage { 
 

 
    static get parameters(){ 
 
    return [[NavController]] 
 
    } 
 

 

 
    constructor(nav) { 
 
    this.nav = nav; 
 

 

 
    this.tasks = [ 
 
     {task:'test1', priority:'low', status:'pending'}, 
 
     {task:'test2', priority:'high', status:'done'}, 
 
     {task:'test3', priority:'normal', status:'pending'} 
 
    ] 
 
    } 
 

 
}

を発生 src/pages/home/home.ts

Answer 1

私が見る少数typescriptですの問題があります。

• あなたは全くstatic get parameters機能を必要といけません。

• あなたがNavControllerを注入している場合、あなたはそのようにそれを指定することができます：あなたは活字体でクラス変数を作成する必要がある場合

  constructor(private nav:NavController) { 
      //this.nav = nav; This is not required if you have set access 
      //specifier in constructor parameter 
      // removed rest of code for brevity 
  } 
  

• 最後に、あなたはクラスで宣言する必要があります。

  export class HomePage { 
      tasks:any[]=[] 
      // contstructor and other code 
  } 
  

注参照映像は、イオン性の非常に古いバージョンを使用しているように見えます。私は最近のチュートリアルのビデオを見つけることをお勧めします。