0

ソート可能なリストに表示している矢印の初期状態を設定しようとしています。3 つの列があり、それぞれに にバインドされたリンクがありng-click、クリックするとリストがソートされます。

必要に応じて機能していますが、クリックするまで上下の矢印の状態は表示されません。そして、一方をクリックすると、もう一方が消えます。私が望むのは、ユーザーがクリックする前でもすべての矢印が常に表示され、3 つのいずれかをクリックするとそれぞれの矢印が方向を変えることです。

基本的なリンクは次のとおりです。

<a href="javascript:void(0)" ng-click="orderByField='dateAdded'; reverseSort = !reverseSort" class="ghostButtonSort dateLabel flrt">Date Received
    <span ng-show="orderByField == 'dateAdded'">
        <span ng-show="!reverseSort">^</span>
        <span ng-show="reverseSort">v</span>
    </span>
</a>

そして今、私はスコープに基本的なセットアップを持っています:

$scope.orderByField = 'conditionId';
4

3 に答える 3

0

以下のように ng-init を使用してデフォルト値を追加します

<a href="javascript:void(0)" ng-click="orderByField='dateAdded'; reverseSort = !reverseSort" class="ghostButtonSort dateLabel flrt">Date Received
 <span ng-show="orderByField == 'dateAdded'"><span ng-show="!reverseSort" ng-init="reverseSort = true">^</span>
 <span ng-show="reverseSort">v</span></span></a>
于 2015-01-22T05:09:03.783 に答える
-1 
<td>
    <a href="#" ng-click="sortType = 'firstName'; sortReverse = !sortReverse">
        firstName :
        <span ng-show="sortType == 'firstName' && !sortReverse" class="fa fa-caret-down"></span>
        <span ng-show="sortType == 'firstName' && sortReverse" class="fa fa-caret-up"></span>
    </a>
</td>
于 2016-06-01T19:18:11.533 に答える