[修复] tab无法监听selectedIndexChange和selectedChange事件 fixes #708

Author: hpyou

src/app/demo/tab/basic/demo.component.html

@@ -5,7 +5,7 @@
 
 <!-- start to learn the demo from here -->
 <div class="container">
-    <jigsaw-tabs (selectChange)="testEvent($event)" [selectedIndex]="2" height="200">
+    <jigsaw-tabs (selectChange)="testEvent($event)" (selectedIndexChange)="selectedIndexChange($event)" [selectedIndex]="2" height="200">
         <jigsaw-tab-pane [lazy]="false">
             <div jigsaw-title><span class="fa fa-gift"></span>tab 1</div>
             <ng-template>tab content 1</ng-template>

src/app/demo/tab/basic/demo.component.ts

@@ -28,6 +28,10 @@ export class JigsawTabsDemoComponent {
         console.info(value);
     }
 
+    selectedIndexChange($event) {
+        console.log($event);
+    }
+
     public lineBarGraphData: LineGraphData;
 
     constructor(http: HttpClient) {

src/jigsaw/component/tabs/tab.ts

@@ -222,8 +222,9 @@ export class JigsawTab extends AbstractJigsawComponent implements AfterViewInit,
     public _$contentHeight: string = 'auto';
 
     ngOnInit() {
+        super.ngOnInit();
         if(this.height) {
-            setTimeout(() => {
+            this.callLater(() => {
                 // 等待dom渲染
                 this._$contentHeight = this._elementRef.nativeElement.offsetHeight - 46 + 'px';
             })