カラムのanglejsでトグルする方法

Question

<a href="#/" ng-click="sortType = 'name'; sortReverse = !sortReverse"> 
     Project 
     <span ng-show="sortType == 'name' && !sortReverse" class="fa fa-caret-down"></span> 
     <span ng-show="sortType == 'name' && sortReverse" class="fa fa-caret-up"></span> 
     </a> 

上記の列をクリックすると、昇順と降順のソートが行われます。上記のトグルクリックにノーソートを追加する必要があります。

Answer 1

あなたが何らかの形で第3の状態を検出するためのロジックが必要になります。

<a href="#/" ng-click="sortBy('name')"> 


function sortBy(prop) { 
    if (sortType === prop) { // already sorted by this property 
     if (!sortReverse) { // second click 
     sortReverse = true; 
     } else { // 3rd click 
     sortType = null; 
     } 
    } else { 
     // initial sort set for this type 
     sortType = prop; 
     sortReverse = false; 
    } 
} 

サイドノート：テンプレートでも多くのロジックは悪い習慣で、プロジェクトを維持することは困難になります。常にコードを優先してテンプレートロジックを最小限に抑えます。