[Tabs] Two-way binding for tabs only work on initializing component

[aecz]

What is the expected behavior?

When changing the variable bind to selectedIndex, the active tab should change.

What is the current behavior?

The active tab stays the same.

What are the steps to reproduce?

http://plnkr.co/edit/cX9OKA?p=preview

Which versions of Angular, Material, OS, browsers are affected?

@angular : 2.0.0
@angular/material : 2.0.0-alpha.9-3
Windows 7

[csabattilas]

is this in progress? if not I can take it. thanks

[csabattilas]

The issue with the plunkr example is that the tab is added after the setter for the selectedIndex kicks in so the setter becomes invalid. Any hint how to work around this? One idea I got is to save save the selectedIndex value and when the tab is added set it again. what do you think? thanks.

[csabattilas]

@jelbourn @andrewseguin you want me to take this one? thanks

[jelbourn]

@krigton: @andrewseguin is going to tackle this one

[csabattilas]

@jelbourn oki. i tackled a bit myself that's why i asked. any other issue you want me to address? thanks

[andrewseguin]

I've been looking into this and the issue can be resolved easily but we are running into a problem of syncing the animiations correctly. Will spend some more time on this today to see if we can come up with an ideal solution.

[csabattilas]

What you mean by synching the animations correctly?

[andrewseguin]

When a selection is made, it may be on a new tab. Often we'll see someone add a tab to their list of tabs and immediately want to select it. In this case, we want to have it animate it in from the left or right. Went through many iterations until I figured out how to do this. The difficult part is that the selectedIndex setter is handled by angular before the view's tabs are updated.