Angular.js视图-显示来自代码描述json的描述。
Angular.js视图-显示来自代码描述json的描述。
提问于 2015-03-30 17:14:04
我有每个学校的名单，每个学校都有一个学校级别的代码，而不是ES，MS，HM。
[
{
"nameOfInstitution": "Summer Elementary",
"schoolLevel": "01304"
},
{
"nameOfInstitution": "Grady Middle",
"schoolLevel": "02400"
}
]我计划使用另一个JSON从以下位置获取这些代码的描述：
{
"schoolLevel": [
{"01302": "All levels"},
{"01304": "Elementary"},
{"02400": "Middle"},
{"02402": "High school"}
]
}什么是正确的方式，显示在一个角度的角度，它会是什么样的呢？
<div class="item item-text-wrap">
<p ng-repeat="school in schools">{{school.nameOfInstitution}} - {{school.schoolLevel}}</p>
</div>如果是的话。遍历主JSON并在"schoolLevel“或2之后插入描述。我应该使用一种查找方法来找出每次我展示学校时的描述吗？
我认为第一个选择是更好的选择，但是谁能分享一些关于如何最好地实现这一点的代码片段呢？谢谢!
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-03-30 17:53:30
您可以为查找创建一个筛选器：-
数据：-
$scope.schools=[
{
"nameOfInstitution": "Summer Elementary",
"schoolLevel": "01304"
},
{
"nameOfInstitution": "Grady Middle",
"schoolLevel": "02400"
}
];
$scope.schoollevel={
"schoolLevel": [
{"01302": "All levels"},
{"01304": "Elementary"},
{"02400": "Middle"},
{"02402": "High school"}
]
}过滤器：-
app.filter('level',function(){
return function(item,filter){
//console.log(item.schoolLevel);
var levelVal;
item.schoolLevel.forEach(function(level){
if(typeof level[filter]!='undefined'){
console.log(level[filter]);
levelVal=level[filter];
}
}
);
return levelVal;
}
});HTML:-
<p ng-repeat="school in schools">{{school.nameOfInstitution}} -
{{schoollevel|level:school.schoolLevel }}</p>柱塞
Stack Overflow用户
发布于 2015-03-30 17:20:10
下面的代码应该可以工作
标记
<div class="item item-text-wrap">
<p ng-repeat="school in schools">{{school.nameOfInstitution}} -
{{level.schoolLevel | filter: school.schoolLevel : true }}</p>
</div>码
$scope.level = {
"schoolLevel": [
{"01302": "All levels"},
{"01304": "Elementary"},
{"02400": "Middle"},
{"02402": "High school"}
]
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29352233
复制相关文章
相似问题
腾讯云开发者
