javascript - orderBy 过滤器只工作一次

Question

根据用户的选择，尝试按升序或降序对数字数组进行排序。

这是我的代码-

Order by: 
<select ng-model="orderCriteria">
    <option value="false">ASC</option>
    <option value="true">DESC</option>
</select>

<table border="2">
<th>Number</th>

    <tr ng-repeat="num in [1, 5, 3, 6, 45, 20, 7, 2] | filter: query | orderBy:num:orderCriteria">
        <td>{{num}}</td>
    </tr>
</table>

当页面加载时，数字会自动按升序排列。当我打开下拉列表并选择 DESC 或 ASC 时，表格会将其顺序更改为降序(无论我选择什么)。

从那一刻起，无论我选择什么都无关紧要，顺序固定在降序上!

我做错了什么？

谢谢!

Answer 1

您的代码不起作用的原因是选择框中的 true/false 值是在过滤器表达式中始终产生“true”的字符串。

你可以尝试这样的事情:

<tr ng-repeat="num in [1, 5, 3, 6, 45, 20, 7, 2] | orderBy:num:(orderCriteria == 'true')">
     <td>{{num}}</td>
</tr>