0

私はクライアント側のangular jsソートを使用しています.そして、それは私が下に貼り付けた最初のブロックで機能しています.私は同じ種類の異なるステータスを持つ4つのブロックを持っています.Listを表示するためにフィルタの概念を使用しています. しかし、2番目または3番目のブロックでソートすると、最初のブロックがソートされます。

<ul class="unstyled listResultsAlignment itemdis{{(items|filter:{status:&quot;WCH&quot;}).length}}">
    <li><span class="span3">SORT BY : </span> 

    <select data-ng-model="sortorder" class="span6 itemselect">
    <option disabled value="">Choose one</option>
    <option value="createDateTime">Most Recent</option>                 
    <option value="title">Title</option>
    <option value="createdBy">Created By</option>                   
    </select>


    </li>
    <li>
    <div class="item-list: list" data-ng-repeat="item in items | filter:{status:&quot;WCH&quot;} | orderBy:sortorder" data-ng-click="displayDossierItem('WCH')">
    </div>
    </ul>

提案してください、私は角度の概念が初めてです

私の2番目のブロック

<ul class="unstyled listResultsAlignment itemdis{{(items|filter:{status:&quot;POI&quot;}).length}}">
    <li><span class="span3">SORT BY : </span> 

    <select data-ng-model="sortorder" class="span6 itemselect">
    <option disabled value="">Choose one</option>
    <option value="createDateTime">Most Recent</option>                 
    <option value="title">Title</option>
    <option value="createdBy">Created By</option>                   
    </select>


    </li>
    <li>
    <div class="item-list: list" data-ng-repeat="item in items | filter:{status:&quot;WCH&quot;} | orderBy:sortorder" data-ng-click="displayDossierItem('WCH')">
    </div>
    </ul>

ここではステータスのみを変更しています

4

1 に答える 1

1

これは、すべてのブロックの並べ替えに同じモデルを使用しているためです。

ブロック内の順序を保持するために、さまざまなモデルを使用できます。

<!-- 1st block -->
<select data-ng-model="sortorder1" class="span6 itemselect">
<!-- ... -->
<div class="item-list: list" data-ng-repeat="item in items | 
filter:{status'WCH'} | orderBy:sortorder1" 
data-ng-click="displayDossierItem('WCH')">
<!-- ... -->

<!-- 2nd block -->
<select data-ng-model="sortorder2" class="span6 itemselect">
<!-- ... -->
<div class="item-list: list" data-ng-repeat="item in items | 
filter:{status:'WCH'}   | orderBy:sortorder2" 
data-ng-click="displayDossierItem('WCH')">
<!-- ... -->

</li>コードに欠けていることがわかった終了タグを追加することもお勧めします。

于 2013-08-16T07:02:42.400 に答える