fix(sidenav): Fix renderer calls to use beta1 api

Author: jteplitz

package.json

@@ -9,7 +9,7 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "angular2": "2.0.0-beta.0",
+    "angular2": "^2.0.0-beta.1",
     "es6-promise": "^3.0.2",
     "es6-shim": "^0.33.13",
     "firebase": "^2.3.2",

src/components/sidenav.ts

@@ -25,15 +25,15 @@ class SideNavContent {
     }
   }
   setOpen(){
-    this.renderer.setElementClass(this.el, 'side-nav__content--animatable', true);
-    this.renderer.setElementStyle(this.el, 'transform', 'translateX(0px)');
+    this.renderer.setElementClass(this.el.nativeElement, 'side-nav__content--animatable', true);
+    this.renderer.setElementStyle(this.el.nativeElement, 'transform', 'translateX(0px)');
   }
   setClosed(){
-    this.renderer.setElementClass(this.el, 'side-nav__content--animatable', true);
-    this.renderer.setElementStyle(this.el, 'transform', 'translateX(-102%)');
+    this.renderer.setElementClass(this.el.nativeElement, 'side-nav__content--animatable', true);
+    this.renderer.setElementStyle(this.el.nativeElement, 'transform', 'translateX(-102%)');
   }
   cleanup(){
-    this.renderer.setElementClass(this.el, 'side-nav__content--animatable', false);
+    this.renderer.setElementClass(this.el.nativeElement, 'side-nav__content--animatable', false);
   }
 
 }
@@ -65,4 +65,4 @@ export class SideNav {
 	constructor(public nav: Nav){
     this.isVisible = nav.isOpen;
   }
-}
+}

src/index.html

@@ -41,4 +41,4 @@ <h1 class="header__title">NG2 App Shell</h1>
 
 </body>
 
-</html>
+</html>