javascript - 如何创建嵌套的 json 数据?

标签 javascript jquery json

我有一个带有 json 数据的 Leave List 表。

var app=angular.module('myApp',[])
app.controller('myController', ['$scope', '$http', function ($scope, $http) {
    $scope.init = function () {

$scope.holidayList=[
             {
                'month':'JAN',
                'date':01,
                'day': 'Mon',
                'occasion':'New Year'
            },
             {
                'month':'FEB',
                'date': 03,
                'day': 'Fri',
                'occasion':'Maha Shivaratri'
            }

        ];
}
}])

https://jsfiddle.net/856fysen/2/

这里我需要在一个月内显示多个叶子,为此我已经像这样更改了我的json

$scope.holidayList=[
             {
                'month':'JAN',
                'date':[01,07,20],
                'day': ['Mon','Fri','Sun'],
                'occasion':['New Year','pongal','bhogi']
            },
             {
                'month':'FEB',
                'date': 03,
                'day': 'Fri',
                'occasion':'Maha Shivaratri'
            }

        ];

是否正确?

最佳答案

我建议您使用以下格式,这样会更方便。

   [{
      'month': 'JAN',
      'Leaves': [{
          'date': '2017-11-05T08:22:06.750Z',
          'day': 'Mon',
          'occassion': 'some_occasion'
          },{
           'date': '2017-11-05T08:22:06.750Z',
           'day': 'Mon',
           'occasion': 'some_occasion'
         }
       ]
     },{
       'month': 'FEB',
       'Leaves': [{
         'date': '2017-11-05T08:22:06.750Z',
         'day': 'Mon',
         'occasion': 'some_occasion'         
          }, {
         'date': '2017-11-05T08:22:06.750Z',
         'day': 'Mon',
         'occasion': 'some_occasion'
    }
}]

您还可以在日期字段中使用时间戳并编写过滤器来分隔日期和日期,在这种情况下始终建议使用时间戳。

关于javascript - 如何创建嵌套的 json 数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47119553/

相关文章:

在 esql 中创建 JSON 数组

javascript - 如何让 div 在 bar 已满时可见 [JS]

javascript - 不确定为什么 ng-click 不起作用

jquery - Asp.net core 将数据绑定(bind)到按钮

c# - 使用无效键值 : "fields". 访问的 JArray 值应为数组位置索引

javascript - 如何使用 Javascript 将值存储在 JSON 中?

javascript - 无法解析 Angular 2 中 MapsPage :(? ,NavController,LaunchNavigator,.......) 的所有参数

javascript - 在 JavaScript 中设置默认主页

javascript - 如何用 JavaScript 触发鼠标悬停?

javascript - 与 JQuery .change 标签斗争的初学者