Angularjs显示json中的单个元素
我有一个json文件,其中包含一项服务的不同价格,具体取决于一周中的哪一天(周末更贵) 我使用angular来显示这些价格,使用如下线条:Angularjs显示json中的单个元素,json,angularjs,Json,Angularjs,我有一个json文件,其中包含一项服务的不同价格,具体取决于一周中的哪一天(周末更贵) 我使用angular来显示这些价格,使用如下线条: <div ng-repeat="arr in arrangementen | filter:'_1'" >Mon-Fri: € {{arr.prijs_ma_vr | number :2 }} </div> <div ng-repeat="arr in arrangementen | filter:'_1'" >Sat
<div ng-repeat="arr in arrangementen | filter:'_1'" >Mon-Fri: € {{arr.prijs_ma_vr | number :2 }} </div>
<div ng-repeat="arr in arrangementen | filter:'_1'" >Sat: € {{arr.prijs_za | number :2 }} </div>
我想知道是否有更智能、更简单的方法来显示这些价格或来自此json的其他元素。有时我只想显示一个元素(即一个价格)
(此站点中的示例:我将重新编写json,并按以下方式执行:
{
"id": "_1",
"arrangement": "Vriendinnendag",
"prijs":[ 99.95, 103.95, 104.95 ],
“day”:['Mon-Fri','Sat','Sun']
},
{
"id": "_2",
"arrangement": "Vipdag",
"prijs":[ 199.95, 203.95, 204.95 ],
“day”:['Mon-Fri','Sat','Sun']
}
<div ng-repeat="arr in arrangementen | filter:'_1'" >
day[0] € {{arr.prijs[0] | number :2 }}<br>
day[1] € {{arr.prijs[1] | number :2 }}<br>
day[2] € {{arr.prijs[2] | number :2 }}
</div>
{
“id”:“_1”,
“安排”:“Vriendinendag”,
“prijs”:[99.95103.95104.95],
“日”:[‘周一至周五’、‘周六’、‘周日’]
},
{
“id”:“_2”,
“安排”:“Vipdag”,
“prijs”:[199.95203.95204.95],
“日”:[‘周一至周五’、‘周六’、‘周日’]
}
日期[0]€{{arr.prijs[0]|编号:2}}
第[1]天€{{arr.prijs[1]|编号:2}}
第[2]天€{arr.prijs[2]|编号:2}
我看到您已经接受了另一个答案,但我想给您另一个选项,即创建您自己的过滤器
angular.module('demo',[])
.controller('MainCtrl',['$scope',函数($scope){
$scope.arr=[{“id”:“_1”,
“安排”:“Vriendinendag”,
“prijs_ma_vr”:99.95,
“prijs_za”:103.95,
“prijs_zo”:104.95,},
{“id”:“_2”,
“安排”:“Vipdag”,
“prijs_ma_vr”:199.95,
“prijs_za”:205.95,
“prijs_zo”:209.95,}];
}])
.filter('weekdayPrice',函数(){
返回函数(obj,id){
var rtnval;
角度。forEach(对象,函数(值){
如果(value.id==id){
返回rtnval=value.prijs\u ma\u vr;
};
});
返回rtnval;
};
});
工作日价格:{{arr |工作日价格:''u2'|编号:2 |货币:''€'}
很好的建议,但有时我只需要一个元素。我想知道是否可以在不使用ng repeat的情况下显示一个元素。(我开玩笑地编辑了我的问题以使其更清楚)谢谢,这是我需要的工作:)我使用了{{arrangementen[0]。prijs_ma_vr}顺便说一句,ng repeat需要被这样的东西所取代:我刚刚尝试过这个,这也是一个很好的方法,我在另一个应用程序中搜索了它。对于应用程序,我问了这个问题第一个解决方案是有限的,但由于它的简单性,它会工作得更好。无论如何,非常感谢你的建议。
{
"id": "_1",
"arrangement": "Vriendinnendag",
"prijs":[ 99.95, 103.95, 104.95 ],
“day”:['Mon-Fri','Sat','Sun']
},
{
"id": "_2",
"arrangement": "Vipdag",
"prijs":[ 199.95, 203.95, 204.95 ],
“day”:['Mon-Fri','Sat','Sun']
}
<div ng-repeat="arr in arrangementen | filter:'_1'" >
day[0] € {{arr.prijs[0] | number :2 }}<br>
day[1] € {{arr.prijs[1] | number :2 }}<br>
day[2] € {{arr.prijs[2] | number :2 }}
</div>