title: Angular2 expressions not rendering
body: <p>I'm having trouble getting expressions to render in Angular2. </p>
  
  <p>For instance, I have something like the example below, but the <code>{{profile.name}}</code> renders nothing.</p>
  
  <p>However it's not just when accessing something off the component instance. No matter what I put in the expression, it won't render (e.g. <code>{{1 + 2}}</code>). And what's weirder, it deletes all the content of the DOM element the expression is contained in.</p>
  
  <pre><code>import { Component, View } from 'angular2/core'
  
  @Component({
    selector: 'my-component'
  })
  @View({
    template: `
    &lt;div class="user"&gt;
      {{profile.name}}
    &lt;/div&gt;
    `
  })
  export class MyComponent {
    profile
  
    constructor() {
      this.profile = {
        name: 'John Smith'
      }
    }
  }
  </code></pre>
  
  <p>Not sure what I'm missing. Any help would be much appreciated!</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>So I have done some further testing, and have found the issue only occurs when I am using <code>&lt;router-outlet&gt;</code>. So I have something that looks like this (apologies for the amount of code)</p>
  
  <p><strong>app.ts</strong></p>
  
  <pre><code>import { View, Component } from 'angular2/core'
  import { RouteConfig, RouterOutlet } from 'angular2/router'
  
  import { Home } from './home'
  
  @Component({
    selector: 'my-app'
  })
  @View({
    template: '&lt;router-outlet&gt;&lt;/router-outlet&gt;',
    directives: [RouterOutlet]
  })
  @RouteConfig([
    { path: '/', redirectTo: ['/Home'] },
    { path: '/home', as: 'Home', component: Home }
  ])
  export class App {
    constructor(public router: Router) {}
  }
  </code></pre>
  
  <p><strong>home.ts</strong></p>
  
  <pre><code>import { Component, View } from 'angular2/core'
  
  @Component({
    selector: 'home',
  })
  @View({
    template: '{{name}}'
  })
  export class Home {
    name:string = 'John Smith'
  }
  </code></pre>