2017-05-30 6 views
0

私は「アクション」オブジェクトの配列を持っています。各オブジェクトはステータスが「マスター」または「新規」です。私が習得したアクションを示し、別のNAV-タブでNg-RepeatとAngular Filters

<div ng-repeat="x in main.actions | filter: {status: '!mastered'} > 

<div class="btn-group"> 
    <label ng-model="x.status" uib-btn-radio="'new'"><label> 
    <label ng-model="x.status" uib-btn-radio="'mastered'"></label> 
</div> 

</div> 

:1のnav-タブで

は、私は "新しい" アクションを示しています。私のコードは、ng-repeatに含まれるフィルタを除いて同じです。

これらのラジオボタンをクリックすると、アクションのステータスを「新規」から「マスター」に変更できます。すべてが意図どおりに機能しますが、アクションのステータスを変更すると、SPA全体がメインページに戻ります!

なぜですか?それが起こらないようにするためには、私は何をする必要がありますか?

答えて

0

ステータスごとに別のタブを使用する必要はないので、統合することができます。このようにしてください。

コード:

<div ng-repeat="x in main.actions | filter: {status: stat} "></div> 


<div class="btn-group"> 
    <label ng-model="x.status" uib-btn-radio="'new'" ng-click="stat = 'new'"><label> 
    <label ng-model="x.status" uib-btn-radio="'mastered'" ng-click="stat = 'mastered'"></label> 
</div> 

これは、今あなたがクリックするボタンに基づいてNGリピートをフィルタリングする必要があります。

+0

ご回答ありがとうございます。私は残念ながら、私はフォローしているかわからない。私は分離を維持する必要があります - 実際には5つの異なるステータスがあり、私は自分のタブ上に "マスターされた"アクションが必要です。メインタブからマスタータブに移動できるように、アクションのステータスを変更する機能を維持したいと思います。 –

+0

上記のコードは、さまざまなタブの影響を与えますが、コードを最小限に抑えることができます。それらを別々に保つことを主張するなら、それは良いですが、より多くのコードを提供する必要があります。問題を解決するか、jsFiddleを作成してください。 – Ohjay44