Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.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
Javascript 如何在表中显示此json_Javascript_Angularjs_Json - Fatal编程技术网

Javascript 如何在表中显示此json

Javascript 如何在表中显示此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"

我需要帮助在表中显示此json。。。问题是在这种情况下不能使用ng repeat

    {
"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中访问数据。并使用提供的布局(同样,如果这适用于您正在使用的版本)。对不起,如果这不是你需要的帮助。