title: Angular 2.x bind class on body tag
body: <p>Since Angular 2.x is bootstrapped inside a body how do I add <code>[class.fixed]="isFixed"</code> on body tag (outside my-app)?</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;/head&gt;
  &lt;body [class.fixed]="isFixed"&gt;
    &lt;my-app&gt;Loading...&lt;/my-app&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>My app component looks like</p>
  
  <pre><code>import {Component} from 'angular2/core';
  import {CORE_DIRECTIVES} from 'angular2/common';
  import {RouteConfig, ROUTER_DIRECTIVES, Router, Location} from 'angular2/router';
  import {About} from './components/about/about';
  import {Test} from './components/test/test';
  
  @Component({
      selector: 'my-app',
      providers: [],
      templateUrl: '/views/my-app.html',
      directives: [ROUTER_DIRECTIVES, CORE_DIRECTIVES],
      pipes: []
  })
  
  @RouteConfig([
      {path: '/about', name: 'About', component: About, useAsDefault: true},
      {path: '/test', name: 'Test', component: Test}
  ])
  
  export class MyApp {
      router: Router;
      location: Location;
  
      constructor(router: Router, location: Location) {
          this.router = router;
          this.location = location;
      }
  }
  </code></pre>