title: Ionic TypeScript Error (Property 'nav' does not exist on type 'HomePage')
body: <p>I am following along this Ionic 2 tutorial and encountered problems. The problems are in the TypeScript (See the Picture). Here is the <a href="https://www.youtube.com/watch?v=UCE8DouJ8CY" rel="nofollow noreferrer">video tutorial I followed</a>.</p>
  
  <p><a href="https://i.stack.imgur.com/fiPYI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fiPYI.png" alt="the error message"></a></p>
  
  <p>Here are the <code>src/pages/home/home.html</code>:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ion-header&gt;
    &lt;ion-navbar primary *navbar&gt;
      &lt;ion-title&gt;
        Tasker
      &lt;/ion-title&gt;
  
      &lt;ion-buttons end&gt;
        &lt;button ion-button icon-only&gt;
          &lt;ion-icon name="add"&gt;&lt;/ion-icon&gt;
        &lt;/button&gt;
      &lt;/ion-buttons&gt;
  
    &lt;/ion-navbar&gt;
  &lt;/ion-header&gt;
  
  &lt;ion-content&gt;
  
    &lt;ion-list&gt;
  
      &lt;ion-item *ngIf="!task.length"&gt;
        No Task Available
        &lt;p&gt; Click &lt;ion-icon name="add"&gt; to add task&lt;/ion-icon&gt;&lt;/p&gt;
      &lt;/ion-item&gt;
  
      &lt;ion-item-sliding *ngFor="#t of tasks"&gt;
        &lt;ion-item&gt;
          &lt;ion-toggle&gt;&lt;/ion-toggle&gt;
          &lt;ion-label&gt;
            &lt;h2 [ngClass]="t.status"&gt;{{t.task}}&lt;/h2&gt;
            &lt;p [ngClass]="t.priority"&gt;{{t.priority}}&lt;/p&gt;
          &lt;/ion-label&gt;
        &lt;/ion-item&gt;
  
        &lt;ion-item-options&gt;
  
          &lt;button primary&gt;&lt;ion-icon name="clipboard"&gt;&lt;/ion-icon&gt;Edit&lt;/button&gt;
          &lt;button danger&gt;&lt;ion-icon name="trash"&gt;&lt;/ion-icon&gt;Delete&lt;/button&gt;
  
        &lt;/ion-item-options&gt;
      &lt;/ion-item-sliding&gt;
  
  
    &lt;/ion-list&gt;
  
  &lt;/ion-content&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>And the <code>src/pages/home/home.ts</code> Where the error occurred!:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>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'}
      ]
    }
  
  }</code></pre>
  </div>
  </div>
  </p>