title: Class method not working Angular 2 Typescript
body: <p>I have a <code>&lt;navbar&gt;</code> component, which has a method <code>makeSelected</code>, which as the name says makes an item selected. This works great while clicking on the item, however on my homepage, i want it to be selected without having to click it.</p>
  
  <p>I've injected the Navbar component into my Home component, and in the Home constructor i call the <code>makeSelected</code> method:</p>
  
  <pre><code>import {Component, View} from 'angular2/core';
  import {Navbar} from '/app/navbar/navbar';
  
  @Component({
    selector: 'home',
    providers: [Navbar]
  })
  
  @View({
    templateUrl: '/app/home/home.html',
    directives: [Navbar]
  })
  
  export class Home {
  
      constructor(public navbar : Navbar) {
  
        this.navbar = navbar;
        this.navbar.makeSelected('Item 1');
  
      }
  
  }
  </code></pre>
  
  <p>The navbar component:</p>
  
  <pre><code>import {Component, View} from 'angular2/core';
  
  @Component({
    selector: 'navbar'
  })
  
  @View({
    template: `
    &lt;ul&gt;
      &lt;li *ngFor="#item of items; #i = index" (click)="makeSelected(item.name)"&gt;
  
        {{ item.name }} &lt;div *ngIf=" item.selected == true"&gt; [selected] &lt;/div&gt;
  
      &lt;/li&gt;
    &lt;/ul&gt;
    `
  })
  
  export class Navbar{
    constructor(){
        this.items = [
          {id: 1, name: 'Item 1', href: 'http://www.google.com', selected: false}
        ]
    }
    makeSelected(name)
    {
      for(var i in this.items)
      {
        this.items[i].selected = false;
  
        if(this.items[i].name == name)
        {
          this.items[i].selected = true;
        }
      }
    }
  }
  </code></pre>
  
  <p>The page displays fine, but the item is not selected. There are no errors, so the method seems to be called. </p>
  
  <p>Why isn't the item selected? </p>