Fix error when input mfData is undefined

Author: mariuszfoltak

examples/systemjs/package.json

@@ -18,7 +18,7 @@
   },
   "dependencies": {
     "angular2": "2.0.0-beta.12",
-    "angular2-datatable": "*",
+    "angular2-datatable": "0.3.0-dev1",
     "bootstrap": "^3.3.6",
     "es6-shim": "^0.35.0",
     "lodash": "^4.6.1",

examples/systemjs/src/app.html

@@ -41,18 +41,11 @@ <h2>Simple data table</h2>
                 <tfoot>
                 <tr>
                     <td colspan="4">
-                        <mfBootstrapPaginator></mfBootstrapPaginator>
+                        <mfBootstrapPaginator [rowsOnPageSet]="[5,10,15]"></mfBootstrapPaginator>
                     </td>
                 </tr>
                 </tfoot>
             </table>
         </div>
-
-        <div>
-            <label>Fruit</label>
-            <input #fruit>
-            <label>Price</label>
-            <input #price>
-        </div>
     </div>
 </div>

examples/systemjs/src/app.ts

@@ -14,20 +14,22 @@ import {DataTableDirectives} from 'angular2-datatable/datatable';
 })
 export class App {
 
-    private data = [];
+    private data;
 
-    constructor(private http: Http) {
+    constructor(private http:Http) {
         http.get("/src/data.json")
-            .subscribe((data)=>{
-                this.data = data.json();
+            .subscribe((data)=> {
+                setTimeout(()=> {
+                    this.data = data.json();
+                }, 5000);
             });
     }
 
     private toInt(num:string) {
         return +num;
     }
 
-    private sortByWordLength = (a: any) => {
+    private sortByWordLength = (a:any) => {
         return a.name.length;
     }
 

src/DataTable.spec.ts

@@ -20,6 +20,13 @@ describe("DataTable directive tests", ()=> {
 
     describe("initializing", ()=> {
 
+        it("data should be empty array if inputData is undefined or null", () => {
+            let datatable = new DataTable();
+            datatable.ngOnChanges({inputData: new SimpleChange(null, null)});
+            datatable.ngDoCheck();
+            expect(datatable.data).toEqual([]);
+        });
+
         it("data should be equal to inputData", ()=> {
             datatable.ngDoCheck();
             expect(datatable.data).toEqual(datatable.inputData);

src/DataTable.ts

@@ -72,6 +72,7 @@ export class DataTable implements OnChanges, DoCheck {
 
     public ngOnChanges(changes:{[key:string]:SimpleChange}):any {
         if (changes["inputData"]) {
+            this.inputData = this.inputData || [];
             this.onPageChange.emit({
                 activePage: this.activePage,
                 rowsOnPage: this.rowsOnPage,