テーブルをng-repeatで並べ替えると、テーブルのヘッダをクリックします。

Question

私はng-repeatの中にあるテーブルを持っています。データを昇順または降順で並べ替える必要があります。私はちょっと混乱しています。どうすればそれをすることができますか？私のhtmlコードは次の通りである：

<th> 
    Product Name &nbsp;<i class="fa fa-sort" aria-hidden="true"></i> 
</th> 

<tr ng-repeat=" item in items | orderBy:sort"> 
    <td> 
     <input type="checkbox" name="select" value="checked"/> 
    </td> 
    <td> 
     {{ item.name }} 
    </td> 
</tr> 

Answer 1

この

<th> 
    Product Name &nbsp;<i class="fa fa-sort" aria-hidden="true"></i> 
</th> 

<tr ng-repeat=" item in items | orderBy : 'name'"> 
    <td> 
     <input type="checkbox" name="select" value="checked"/> 
    </td> 
    <td> 
     {{ item.name }} 
    </td> 
</tr> 

Answer 2

が、私はそのは、あなたの質問のすべてに答えるかわからないが、私はそれはあなたがORDERBYがどのように機能するかを理解するのに役立つことができると思い試してみてください。 タイトルをクリックすると、機能を使ったデモを作りました。 カスタムソートが必要な場合は、コメントできます。このデモを編集しようとします。 それが役立つことを望む：D。

<table class="table"> 
    <thead> 
    <tr> 
     <a href="#" ng-click="swtichReverse()"> Product Name &nbsp;</a> 
    </tr> 
    </thead> 
    <tbody> 
    <!-- you can use this example for value or function--> 
    <!-- ng-repeat=" item in items | orderBy:'name':isSortReverse --> 
    <tr ng-repeat=" item in items | orderBy:sort:isSortReverse"> 
     <td> 
     <input type="checkbox" name="select" value="checked"/> 
     </td> 
     <td> 
     {{ item.name }} 
     </td> 
    </tr> 
    </tbody> 

</table> 

https://plnkr.co/edit/jB5MBX1GD2o65YiL2Qtp?p=preview