Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs显示json中的单个元素_Json_Angularjs - Fatal编程技术网

Angularjs显示json中的单个元素

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

我有一个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: € {{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>