feat: Merge pull request #118 from allahbaksh/master - Upgrade to Angular 2.0.1

Upgrade to Angular 2.0.1

Author: rubyboy

app/app.module.ts

@@ -2,7 +2,10 @@ import { NgModule } from '@angular/core';
 import { BrowserModule }  from '@angular/platform-browser';
 import { FormsModule } from '@angular/forms';
 import { LocationStrategy, HashLocationStrategy } from '@angular/common';
-
+import {MaterializeDirective} from "../src/index";
+import {MaterialInput,
+        Option,
+        MaterialSelect} from "./components/model-bindings/index"
 import { AppComponent } from './app.component';
 import {
   Buttons,
@@ -16,7 +19,7 @@ import {
   DatePicker,
   ModelBindings
 } from './components/index';
-import { routing } from './app.routing'
+import { routing, appRoutingProviders } from './app.routing'
 
 
 @NgModule({
@@ -31,15 +34,19 @@ import { routing } from './app.routing'
     Forms,
     SideNav,
     DatePicker,
-    ModelBindings
+    ModelBindings,
+    MaterializeDirective,
+    MaterialInput,
+    MaterialSelect,
+
   ],
   imports: [
     BrowserModule,
     FormsModule,
     routing
   ],
   providers: [
-    { provide: LocationStrategy, useClass: HashLocationStrategy },
+    { provide: LocationStrategy, useClass: HashLocationStrategy },appRoutingProviders
   ],
   bootstrap: [AppComponent]
 })

app/app.routing.ts

@@ -1,3 +1,4 @@
+import { ModuleWithProviders } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 import {
   Buttons,
@@ -57,4 +58,8 @@ const appRoutes: Routes = [
 	}
 ];
 
-export const routing = RouterModule.forRoot(appRoutes);
+
+export const appRoutingProviders: any[] = [
+
+];
+export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes); 

app/components/collapsible.ts

@@ -1,9 +1,8 @@
-import {MaterializeDirective} from "../../src/index";
+import {MaterializeDirective} from "./../../src/index";
 import {Component} from "@angular/core"
 
 @Component({
     selector: "collapsible",
-    directives: [MaterializeDirective],
     template: `
         <ul materialize="collapsible" class="collapsible" data-collapsible="accordion">
           <li>

app/components/datepicker.ts

@@ -3,7 +3,6 @@ import {Component} from "@angular/core"
 
 @Component({
     selector: "datePicker",
-    directives: [MaterializeDirective],
     template: `
       <form materialize class="col s12">
         <div class="row">

app/components/dialogs.ts

@@ -3,7 +3,6 @@ import {Component,EventEmitter} from "@angular/core"
 
 @Component({
     selector: "dialogs",
-    directives: [MaterializeDirective],
     template: `
       <!-- Modal Trigger -->
       <a materialize="leanModal" [materializeParams]="[{dismissible: false}]" class="waves-effect waves-light btn modal-trigger" href="#modal1">Modal</a>

app/components/dropdown.ts

@@ -3,7 +3,6 @@ import {Component} from "@angular/core"
 
 @Component({
     selector: "dropdown",
-    directives: [MaterializeDirective],
     template: `
      <!-- Dropdown Trigger -->
      <a materialize="dropdown" class='dropdown-button btn' href='#' data-activates='dropdown1'>Drop Me!</a>

app/components/forms.ts

@@ -3,7 +3,6 @@ import {Component,OnInit} from "@angular/core"
 
 @Component({
     selector: "forms",
-    directives: [MaterializeDirective],
     template: `
         <form materialize class="col s12">
           <div class="row">

app/components/model-bindings/index.ts

@@ -0,0 +1,3 @@
+export { MaterialInput } from "./input";
+export { Option } from "./option";
+export { MaterialSelect } from "./select";

app/components/model-bindings/input.ts

@@ -4,7 +4,6 @@ import * as Materialize from "../../../src/index";
 
 @Component({
     selector: "materialInput",
-    directives: [MaterializeDirective],
     inputs: ['model: model'],
     outputs: ['modelChange'],
     template: `

app/components/model-bindings/model-bindings.ts

@@ -9,7 +9,6 @@ import {Observable} from "rxjs/Observable";
 
 @Component({
     selector: "actionsMain",
-    directives: [MaterializeDirective, MaterialInput, MaterialSelect],
     template: `
       <form materialize class="col s12">
         <div class="row">