2016-02-05 5 views
7

角度素材でアクティブなタブを取得するために:私はここにどのように私は<a href="https://material.angularjs.org/latest/demo/tabs">active tab in material</a>を見つけて、クッキーに保存したい

角度素材でアクティブなタブを見つけることができますどのように

var activeTab = $cookieStore.get("active"); 
$cookieStore.put('active',$scope.selectedIndex); 
console.log(active); 

codepen例です

+1

あなたはMD-タブにあなたのselectedIndexの変数をバインドすることがありますか? ' ...' – troig

+0

はい。しかし、console.log(アクティブ);常に0です – TheNone

+0

プランナーを提供できますか?それは助けになる、私は何も問題なく選択したmdを使ってこれをやっている... – troig

答えて

7

md-on-select="onTabChanges(tabNumber)"を使用すると、タブの変更を監視することができます。このcodepenで

例:Angular Material Selected Tab

+0

コンソールでは、「アクティブなタブは1」のみです。私はmd-on-select = "someFunction()"で問題を解決し、クッキーを関数に入れました。インデックス2のコードサンプルをリフレッシュした後、インデックス1になるようにテストしてください。 – TheNone

+1

申し訳ありませんが、私はあなたの問題を誤解しています。うん、あなたは正しい。 md-on-selectを使ってタブ上の変更を "監視"することができます。 cookiestoreではなくlocalStorageを使用して[選択した角度の材料]タブ(http://codepen.io/grimaldello/pen/yeRMWN?editors=1011)を編集しましたが、そのアイデアは同じです。 – ronIDX

関連する問題