javascript - 根据 AngularJS 中的两个变量进行升序排序/排序

Question

我有一个条件，我需要根据两个值按升序对列表进行排序。

首先根据 SCHEDSTART(如果可用)如果这是空白，则使用 WONUM

带有 SCHEDSTART 的 div 应该位于顶部。

我写的代码不起作用:

代码1:HTML:

<ion-item ng-repeat="wo in vm.workOrders | orderBy : dynamicOrder>

Controller :

function dynamicOrder(wo){
            if(wo.json.SCHEDSTART){
                return wo.json.SCHEDSTART;
            }else{
                return wo.json.WONUM;
            }
        }

代码2:

<ion-item ng-repeat="wo in vm.workOrders | orderBy : ['json.SCHEDSTART','json.WONUM']>

Answer 1

我不知道这是否是最好的方法，但我的建议是创建两个 ion-item 标签，每个标签上都有一个 ng-if 。例如

<ion-item ng-if="SCHEDSTART" ng-repeat="wo in vm.workOrders | orderBy : SCHEDSTART>

和

<ion-item ng-if="!SCHEDSTART" ng-repeat="wo in vm.workOrders | orderBy : WONUM>

ng-if 作用于 true/false 和 truthy/falsy因此，如果 SCHEDSTART 是 truthy，或者换句话说有内容，那么我显示的第一个 html 标签将填充您的 DOM。

如果 SCHEDSTART 为 falsy，或者换句话说，为 0(零)、""(空字符串)、null 、undefined 或 NaN(不是数字) 那么第一个标签在 DOM 中将如下所示

<!--ng-if="SCHEDSTART"-->

现在，如果您想更加确定这是否有效，您可以创建一个专门用于指示 SCHEDSTART 是否真实的变量。使用您提供的代码我会对其进行更改

var schedStartHasData;

function dynamicOrder(wo){
        if(wo.json.SCHEDSTART){
            schedStartHasData = true;
        }else{
            schedStartHasData = false;
        }
    }

View 中的两个标签看起来像这样

<ion-item ng-if="schedStartHasData " ng-repeat="wo in vm.workOrders | orderBy : SCHEDSTART>

和

<ion-item ng-if="!schedStartHasData" ng-repeat="wo in vm.workOrders | orderBy : WONUM>