javascript - 通过$ http请求从json文件中查找angularjs国家/地区代码

我正在尝试从json文件中查找国家/地区代码，以获取完整的国家/地区名称：

$scope.fullname = function (option) {
    $http.get('files/names.json').success(function (data) {
        for (var i = 0; i < data.length; i++) {
            if (data[i].key === option)
                return data[i].value;
        }
    })
};

并在标记中：

<td class="secondary-text">{{fullname (list.countrycode) }}</td>

我遇到严重错误，浏览器崩溃了。
有人可以帮我解决这个问题吗？如何将列表放入内存，然后从该列表中查找国家/地区代码？

我的json文件是这样的：

{
    "BD": "Bangladesh",
    "BE": "Belgium",
    "BF": "Burkina Faso",
    "BG": "Bulgaria",
    "BA": "Bosnia and Herzegovina",
    "BB": "Barbados",
    "WF": "Wallis and Futuna",
    "BL": "Saint Barthelemy",
    "BM": "Bermuda",
    "BN": "Brunei",
...

最佳答案

当然，浏览器将在此行崩溃：

<td class="secondary-text">{{fullname (list.countrycode) }}</td>

您知道fullname()函数被调用了多少次吗？每个消化周期！发生很多次。

在控制器中，您应该直接从控制器内部创建对服务器的单个调用：

$http.get('files/names.json').success(function (data) {
    $scope.fullnames = data;
})

在视图中，您可以执行以下操作

<td class="secondary-text" ng-repeat="(key,value) in fullnames" ng-if="key  == list.countrycode">{{value }}</td>

我不知道您的HTML外观如何，但是您也可以通过使用一次性绑定来改进它，例如：

    <td class="secondary-text" ng-repeat="(key,value) in ::fullnames" ng-if="key  == list.countrycode">{{value }}</td>