javascript - 如何按字母顺序获取json文件数据

标签 javascript html angularjs json

我使用 AngularJS 解析了三个不同的 json 文件。这是我的代码:

工厂代码

app.factory('myapp', ['$http', function($http) {        
    function getLists() {
        var tab = ['url1', 'url2', 'url3'];
        var list = [];
        for(i = 0; i < tab.length; i++) {
            $http.get(tab[i]) 
            .then(function(res) {
                list.push(res.data);
            });
        }
        return list;
    }

    return {
        getLists: getLists
    };
]);

我想要的是显示 a 中不同文件的数据,第一行第一个 url 的数据,第二行第二个 url 的数据,等等... 我必须根据名称“nm”的字母顺序显示数据。

HTML 代码:

<tr ng-repeat="d in list">
    <td>{{d.nm}}</td>
    <td>{{d.cty}}</td>   
    <td>{{d.hse}}</td>
    <td>{{d.yrs}}</td> 
</tr> 

我应该做什么?

最佳答案

您可以简单地使用 orderBy

https://docs.angularjs.org/api/ng/filter/orderBy

像这样

<tr ng-repeat="d in list | orderBy: 'nm'">
    <td>{{d.nm}}</td>
    <td>{{d.cty}}</td>   
    <td>{{d.hse}}</td>
    <td>{{d.yrs}}</td> 
</tr> 

关于javascript - 如何按字母顺序获取json文件数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37973172/

相关文章:

android - 为什么 Chrome 开发者工具在模拟移动设备时设置这么大的视口(viewport)大小?

html - Chrome 开发工具 : save changes made in the elements tab to your workspace

javascript - 将 JavaScript 添加到经典 ASP(这是新的)

AngularJS 组件绑定(bind)一个函数而不是发出一个事件

javascript - Firebase 身份验证数据库

javascript - 如何在 react 工具箱菜单中使用文本而不是图标?

javascript - 让 Tabs 为 BootStrap 工作

javascript - 是否可以在 Angular 容器微前端中将 Angular JS 作为微前端运行?

javascript - 如何从 Elasticsearch 中获取索引的字段?

javascript - 在JS中创建 Canvas 并绘制文本时,创建更多 Canvas 时文本会被覆盖