chore: update dynamic tabs example to bind to selected index

justindujardin · Dec 23, 2015 · 5b04345 · 5b04345
1 parent 6c06778
commit 5b04345
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/examples/components/tabs/dynamic_tabs.html b/examples/components/tabs/dynamic_tabs.html
@@ -1,5 +1,5 @@
 <md-content class="md-padding">
-  <md-tabs md-selected="selectedIndex" md-border-bottom md-autoselect>
+  <md-tabs [selected]="selectedIndex" md-border-bottom md-autoselect>
     <template md-tab *ngFor="var tab of tabs"
             [disabled]="tab.disabled"
             [label]="tab.title">

diff --git a/examples/components/tabs/dynamic_tabs.ts b/examples/components/tabs/dynamic_tabs.ts
@@ -7,7 +7,10 @@ export interface ITabData {
   disabled?:boolean;
 }
 
-@Component({selector: 'tabs-dynamic-tabs'})
+@Component({
+  selector: 'tabs-dynamic-tabs',
+  properties: ['selectedIndex']
+})
 @View({
   templateUrl: 'examples/components/tabs/dynamic_tabs.html',
   styleUrls: ['examples/components/tabs/dynamic_tabs.css'],
@@ -24,7 +27,7 @@ export default class TabsDynamicTabs {
   selected = null;
   previous = null;
 
-  private _selectedIndex: number = 0;
+  private _selectedIndex: number = 1;
   @Input()
   set selectedIndex(value: number) {
     this.previous = this.selected;