Segment working again

gulpfile.js

@@ -20,6 +20,16 @@ var exec = require('child_process').exec;
 
 // !!! TEMP HACK !!!
 // first run ./update-angular.sh
+
+gulp.task('build', function() {
+  runSequence(
+    'clean',
+    'ionic.copy.js',
+    'ionic.examples',
+    'sass');
+
+})
+
 gulp.task('watch', function() {
 
   runSequence(

ionic/components/button/button.js

@@ -1,4 +1,4 @@
-import {NgElement} from 'angular2/angular2'
+import { ElementRef} from 'angular2/angular2'
 import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
 
 import {IonicComponent} from 'ionic/config/component'
@@ -8,12 +8,14 @@ import {IonicComponent} from 'ionic/config/component'
 })
 export class Button {
   constructor(
+    elementRef: ElementRef
     //@NgElement() ngElement:NgElement
   ) {
-    //this.domElement = ngElement.domElement
+    this.domElement = elementRef.domElement;
+    this.config = Button.config.invoke(this);
   }
 }
-// new IonicComponent(Button, {
+new IonicComponent(Button, {
-//   enhanceRawElement: true,
+   enhanceRawElement: true,
-//   propClasses: ['primary', 'secondary', 'danger', 'light', 'stable', 'dark', 'block', 'clear', 'full', 'icon']
+   propClasses: ['primary', 'secondary', 'danger', 'light', 'stable', 'dark', 'block', 'clear', 'full', 'icon']
-// })
+})

ionic/components/content/content.js

@@ -1,3 +1,4 @@
+import {Renderer, ElementRef} from 'angular2/angular2'
 import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
 import {View} from 'angular2/src/core/annotations_impl/view';
 

ionic/components/segment/segment.js

@@ -1,10 +1,17 @@
-import {NgElement, Renderer, ElementRef, Component, DefaultValueAccessor, View, Ancestor, Optional, Decorator, Directive} from 'angular2/angular2'
+import {Renderer, ElementRef} from 'angular2/angular2'
+
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {Ancestor} from 'angular2/src/core/annotations_impl/visibility';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
 import {ControlGroup, ControlDirective} from 'angular2/forms'
 import {dom} from 'ionic/util';
 import {IonicComponent} from 'ionic/config/component'
 import {Button} from 'ionic/components/button/button'
 
 
+console.log('NGELEMENT', ElementRef);
+
 @Component({
   selector: 'ion-segment',
   hostListeners: {
@@ -26,12 +33,12 @@ import {Button} from 'ionic/components/button/button'
 })
 export class Segment {
   constructor(
-    @NgElement() ngElement:NgElement,
     elementRef: ElementRef,
     renderer: Renderer,
     cd:ControlDirective
   ) {
-    this.domElement = ngElement.domElement
+    console.log('ELEMENT REF INJECT', elementRef);
+    this.domElement = elementRef.domElement
     this.config = Segment.config.invoke(this)
     this.elementRef = elementRef;
     this.renderer = renderer;
@@ -116,11 +123,10 @@ new IonicComponent(Segment, {
 export class SegmentButton {
   constructor(
     @Ancestor() segment: Segment,
-    @NgElement() ngElement:NgElement,
     elementRef: ElementRef,
     renderer: Renderer
   ) {
-    this.domElement = ngElement.domElement
+    this.domElement = elementRef.domElement
     this.segment = segment;
 
     segment.register(this);

ionic/components/segment/test/basic/index.js

@@ -2,13 +2,14 @@ import {bootstrap} from 'angular2/angular2'
 import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
 import {View} from 'angular2/src/core/annotations_impl/view';
 
+import {Segment, SegmentButton, Content, Button} from 'ionic/ionic';
 import {FormBuilder, Validators, FormDirectives, ControlGroup} from 'angular2/forms';
-import {IONIC_DIRECTIVES} from 'ionic/ionic'
+//import {IONIC_DIRECTIVES} from 'ionic/ionic'
 
 @Component({ selector: 'ion-app' })
 @View({
   templateUrl: 'main.html',
-  directives: [FormDirectives].concat(IONIC_DIRECTIVES)
+  directives: [FormDirectives].concat([Segment, SegmentButton, Content, Button])
 })
 class IonicApp {
   constructor() {