hostProperties for ion-content

ionic/components/content/content.js

@@ -5,7 +5,10 @@ import {
 } from 'angular2/angular2';
 
 @Component({
-  selector: 'ion-content'
+  selector: 'ion-content',
+  hostProperties: {
+    contentClass: 'class.content'
+  }
 })
 @View({
   template: `
@@ -14,10 +17,7 @@ import {
     </div>`
 })
 export class Content {
-  constructor(
+  constructor() {
-    @NgElement() element:NgElement
+    this.contentClass = true;
-  ) {
-    this.domElement = element.domElement;
-    this.domElement.classList.add('content');
   }
 }

ionic/components/nav/test/basic/pages/first-page.js

@@ -1,12 +1,12 @@
 import {Component, View, Parent} from 'angular2/angular2'
-import {NavController, Toolbar} from 'ionic/ionic'
+import {NavController, Toolbar, Content} from 'ionic/ionic'
 import {SecondPage} from 'pages/second-page'
 
 
 @Component()
 @View({
   templateUrl: 'pages/first-page.html',
-  directives: [Toolbar]
+  directives: [Toolbar, Content]
 })
 export class FirstPage {
   constructor(

ionic/components/nav/test/basic/pages/second-page.js

@@ -1,12 +1,12 @@
 import {Component, View, Parent} from 'angular2/angular2'
-import {NavController, Toolbar} from 'ionic/components'
+import {NavController, Toolbar, Content} from 'ionic/ionic'
 import {ThirdPage} from 'pages/third-page'
 
 
 @Component()
 @View({
   templateUrl: 'pages/second-page.html',
-  directives: [Toolbar]
+  directives: [Toolbar, Content]
 })
 export class SecondPage {
   constructor(

ionic/components/nav/test/basic/pages/third-page.js

@@ -1,11 +1,11 @@
 import {Component, View, Parent} from 'angular2/angular2'
-import {NavController, Toolbar} from 'ionic/components'
+import {NavController, Toolbar, Content} from 'ionic/ionic'
 
 
 @Component()
 @View({
   templateUrl: 'pages/third-page.html',
-  directives: [Toolbar]
+  directives: [Toolbar, Content]
 })
 export class ThirdPage {
   constructor(