根据后端返回的数据列表来进行前端页面中div的排序

最新推荐文章于 2023-03-30 08:44:34 发布

家里的喵

最新推荐文章于 2023-03-30 08:44:34 发布

阅读量952

点赞数 1

分类专栏：工作随笔文章标签：前端

本文链接：https://blog.csdn.net/huanlesyaya/article/details/125425243

版权

工作随笔专栏收录该内容

18 篇文章 0 订阅

订阅专栏

模拟一个后端返回的数据列表，它长这个样子 $scope.orderArr = [{ datatype:0, code:'exam' },{ datatype:0, code:'sport' },{ datatype:1, code:'sc-407-4545151' },{ datatype:0, code:'quality' },{ datatype:0, code:'sc-407-1465894' }]

那么在页面中如何根据这返回的数据顺序来进行展示呢？

    <div>
        <div ng-repeat="item in orderArr">
            <div ng-if="item.code == 'exam' && item.datatype == 0">exam</div>
            <div ng-if="item.code == 'quality' && item.datatype == 0">quality</div>
            <div ng-if="item.code == 'sport' && item.datatype == 0">sport</div>
            <div ng-if="item.code.indexOf('sc') > -1 && item.datatype == 0">customtable</div>
            <div ng-if="item.code.indexOf('sc') > -1 && item.datatype == 1">customtext</div>
        </div>
    </div>