Angular material docs updated,

+ @angular/material-moment-adapter added to package.json

src/assets/angular-material-examples/table-basic/table-basic-example.ts

@@ -1,7 +1,5 @@
 import { Component } from '@angular/core';
-import { DataSource } from '@angular/cdk/collections';
-import { Observable } from 'rxjs/Observable';
-import 'rxjs/add/observable/of';
+import { MatTableDataSource } from '@angular/material';
 
 /**
  * @title Basic table
@@ -14,7 +12,7 @@ import 'rxjs/add/observable/of';
 export class TableBasicExample
 {
     displayedColumns = ['position', 'name', 'weight', 'symbol'];
-    dataSource = new ExampleDataSource();
+    dataSource = new MatTableDataSource<Element>(ELEMENT_DATA);
 }
 
 export interface Element
@@ -25,124 +23,125 @@ export interface Element
     symbol: string;
 }
 
-const data: Element[] = [
-    {position : 1,
-        name  : 'Hydrogen',
-        weight: 1.0079,
-        symbol: 'H'
+const ELEMENT_DATA: Element[] = [
+    {
+        position: 1,
+        name    : 'Hydrogen',
+        weight  : 1.0079,
+        symbol  : 'H'
     },
-    {position : 2,
-        name  : 'Helium',
-        weight: 4.0026,
-        symbol: 'He'
+    {
+        position: 2,
+        name    : 'Helium',
+        weight  : 4.0026,
+        symbol  : 'He'
     },
-    {position : 3,
-        name  : 'Lithium',
-        weight: 6.941,
-        symbol: 'Li'
+    {
+        position: 3,
+        name    : 'Lithium',
+        weight  : 6.941,
+        symbol  : 'Li'
     },
-    {position : 4,
-        name  : 'Beryllium',
-        weight: 9.0122,
-        symbol: 'Be'
+    {
+        position: 4,
+        name    : 'Beryllium',
+        weight  : 9.0122,
+        symbol  : 'Be'
     },
-    {position : 5,
-        name  : 'Boron',
-        weight: 10.811,
-        symbol: 'B'
+    {
+        position: 5,
+        name    : 'Boron',
+        weight  : 10.811,
+        symbol  : 'B'
     },
-    {position : 6,
-        name  : 'Carbon',
-        weight: 12.0107,
-        symbol: 'C'
+    {
+        position: 6,
+        name    : 'Carbon',
+        weight  : 12.0107,
+        symbol  : 'C'
     },
-    {position : 7,
-        name  : 'Nitrogen',
-        weight: 14.0067,
-        symbol: 'N'
+    {
+        position: 7,
+        name    : 'Nitrogen',
+        weight  : 14.0067,
+        symbol  : 'N'
     },
-    {position : 8,
-        name  : 'Oxygen',
-        weight: 15.9994,
-        symbol: 'O'
+    {
+        position: 8,
+        name    : 'Oxygen',
+        weight  : 15.9994,
+        symbol  : 'O'
     },
-    {position : 9,
-        name  : 'Fluorine',
-        weight: 18.9984,
-        symbol: 'F'
+    {
+        position: 9,
+        name    : 'Fluorine',
+        weight  : 18.9984,
+        symbol  : 'F'
     },
-    {position : 10,
-        name  : 'Neon',
-        weight: 20.1797,
-        symbol: 'Ne'
+    {
+        position: 10,
+        name    : 'Neon',
+        weight  : 20.1797,
+        symbol  : 'Ne'
     },
-    {position : 11,
-        name  : 'Sodium',
-        weight: 22.9897,
-        symbol: 'Na'
+    {
+        position: 11,
+        name    : 'Sodium',
+        weight  : 22.9897,
+        symbol  : 'Na'
     },
-    {position : 12,
-        name  : 'Magnesium',
-        weight: 24.305,
-        symbol: 'Mg'
+    {
+        position: 12,
+        name    : 'Magnesium',
+        weight  : 24.305,
+        symbol  : 'Mg'
     },
-    {position : 13,
-        name  : 'Aluminum',
-        weight: 26.9815,
-        symbol: 'Al'
+    {
+        position: 13,
+        name    : 'Aluminum',
+        weight  : 26.9815,
+        symbol  : 'Al'
     },
-    {position : 14,
-        name  : 'Silicon',
-        weight: 28.0855,
-        symbol: 'Si'
+    {
+        position: 14,
+        name    : 'Silicon',
+        weight  : 28.0855,
+        symbol  : 'Si'
     },
-    {position : 15,
-        name  : 'Phosphorus',
-        weight: 30.9738,
-        symbol: 'P'
+    {
+        position: 15,
+        name    : 'Phosphorus',
+        weight  : 30.9738,
+        symbol  : 'P'
     },
-    {position : 16,
-        name  : 'Sulfur',
-        weight: 32.065,
-        symbol: 'S'
+    {
+        position: 16,
+        name    : 'Sulfur',
+        weight  : 32.065,
+        symbol  : 'S'
     },
-    {position : 17,
-        name  : 'Chlorine',
-        weight: 35.453,
-        symbol: 'Cl'
+    {
+        position: 17,
+        name    : 'Chlorine',
+        weight  : 35.453,
+        symbol  : 'Cl'
     },
-    {position : 18,
-        name  : 'Argon',
-        weight: 39.948,
-        symbol: 'Ar'
+    {
+        position: 18,
+        name    : 'Argon',
+        weight  : 39.948,
+        symbol  : 'Ar'
     },
-    {position : 19,
-        name  : 'Potassium',
-        weight: 39.0983,
-        symbol: 'K'
+    {
+        position: 19,
+        name    : 'Potassium',
+        weight  : 39.0983,
+        symbol  : 'K'
     },
-    {position : 20,
-        name  : 'Calcium',
-        weight: 40.078,
-        symbol: 'Ca'
+    {
+        position: 20,
+        name    : 'Calcium',
+        weight  : 40.078,
+        symbol  : 'Ca'
     }
 ];
-
-/**
- * Data source to provide what data should be rendered in the table. The observable provided
- * in connect should emit exactly the data that should be rendered by the table. If the data is
- * altered, the observable should emit that new set of data on the stream. In our case here,
- * we return a stream that contains only one set of data that doesn't change.
- */
-export class ExampleDataSource extends DataSource<any>
-{
-    /** Connect function called by the table to retrieve one stream containing the data to render. */
-    connect(): Observable<Element[]>
-    {
-        return Observable.of(data);
-    }
-
-    disconnect()
-    {
-    }
-}