代码之家 › 专栏 › 技术社区 › Varun Sharma

如何获取HTML Angular JS中关键字段(国家名称)的全名?

lodash json angularjs javascript

Varun Sharma · 技术社区 · 6 年前

我用的是Angular JS,Lodash。所以我调用一个API,API有如下的JSON数据。

[{ "_id":"zw",
   "name":"Zimbabwe"   
},
{ "_id":"au",
   "name":"Australia"   
},
{ "_id":"in",
   "name":"India"   
}]

我已经编写了一个函数来映射国家代码的完整形式。

$scope.CountryHashmap Â = Â _.reduce(res, Â function (hash, Â value) Â {
          var Â key Â = Â value['_id'];
          hash[key] Â = Â value['name'];
          return Â hash;
        }, Â {});

输入后,下面的reduce函数是映射的数据:

{
"zw":"Zimbabwe",
"au":"Australia",
"in":"india"

}

在HTML页面中,我已经有了国家代码,所以我想把国家代码的完整名称放在这里。

HTML :

{{countryCode}}

国家代码,如au、in和zw。

2 回复 | 直到 6 年前

Sameer 6 年前

如果要从$scope.countryhashmap获取名称,则$scope.countryhashmap将从对象返回国家名称。

 {{CountryHashmap[countryCode]}}

您还可以创建函数。

$scope.getName(code){
    if(code)
        return $scope.CountryHashmap[code];
}

不清楚你想要什么。P

Shiv Kumar Baghel 6 年前

据我所知,只要通过国家代码 key 映射数据数组 mappedDataArr[key]

var app = angular.module("myApp", []);

app.controller("MyCtrl", function($scope) {	
    $scope.mappedDataArr = {
      "zw":"Zimbabwe",
      "au":"Australia",
      "in":"india"
    };
});

<html>
<head>
   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

</head>
<body>
<div ng-app="myApp" ng-controller="MyCtrl">
    <span>{{ mappedDataArr['in'] }}</span>
</div>
</body>
</html>

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

3 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

3 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

3 年前

jieunbi · 按日期排序数组(最新优先)

3 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

3 年前

Stradosphere · 如何防止ng bind html添加结束标记?

7 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

7 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

7 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

7 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

7 年前