Javascript 如何在表中显示此json
我需要帮助在表中显示此json。。。问题是在这种情况下不能使用ng repeatJavascript 如何在表中显示此json,javascript,angularjs,json,Javascript,Angularjs,Json,我需要帮助在表中显示此json。。。问题是在这种情况下不能使用ng repeat { "dows": [ { "dow": 1, "times": [ { "open": "09:00:00", "close": "12:00:00", }, { "open": "14:00:00"
{
"dows": [
{
"dow": 1,
"times": [
{
"open": "09:00:00",
"close": "12:00:00",
},
{
"open": "14:00:00",
"close": "16:30:00",
}
]
},
{
"dow": 2,
"times": [
{
"open": "09:00:00",
"close": "12:30:00",
},
{
"open": "14:00:00",
"close": "19:45:00",
}
]
}
.
.
.
}
每个dow在html中表示一个
,times数组的每个元素都是dow中的
这就是我想要的样子
根据您使用的角度,您可以首先将此数据推送到组件中的数组中 仅基于您提供的代码段 比如:
var hello = []; //or hello: Array<any> = []; etc...
for(let h in dow.dows){
hello.push(dow.dows[h])
}
var hello=[]//或hello:Array=[];等
for(以道指h表示){
你好,推(道指[h])
}
全局存储变量。这样,您就可以使用
<div *ngFor="let dow of hello">
<h2>{{dow.dow}}</h2>
<ng-container *ngFor="let time of dow.times">
<p>Time Open: {{time.open}}</p>
<p>Time Close: {{time.close}}</p>
</ng-container>
</div>
{{dow.dow}
打开时间:{{Time.Open}
时间关闭:{{Time.Close}
再一次,我只是根据提供的信息去做,不知道你在用哪个角度
但希望这能在一定程度上有所帮助。回答可能为时已晚,但如果你还不能解决你的问题 那我可以帮你
<tr ng-repeat="dow in dowArr track by dow.dow">
如果你想了解更多关于ng repeat的信息
请参阅以下链接
Angularjs-ngRepeat的官方文件
w3cschools.com-ngRepeat的文件
为什么不能使用
ng repeat
?另外,您应该如何处理times
数组中的每个项目?我添加了一个图像。。。我不明白如何使用ng repeat。我添加了一个图像,像你想象的那样吗?你能把它放到plunker中吗?我运行它时plunker不配合。但我在我的电脑上试过了,应该能按规定工作。无论您如何获取响应数据,都可以通过ngOnInit之类的方法运行它,或者通过另一个方法传递它—您将在其中执行我提到的操作,并将其存储到组件中的全局变量中—以便可以在html中访问数据。并使用提供的布局(同样,如果这适用于您正在使用的版本)。对不起,如果这不是你需要的帮助。