Javascript 如何在同一行中显示二维数组angularjs

Javascript 如何在同一行中显示二维数组angularjs,javascript,html,angularjs,multidimensional-array,Javascript,Html,Angularjs,Multidimensional Array,js {{DAYS[i.day]}{{month[i.month]}}{{i.date} {{n.employee\u name}{{n.employee\u id} 预期产量 $scope.arr = [{date: 24, day: 2, month: 11} 2: {date: 25, day: 3, month: 11} 3: {date: 26, day: 4, month: 11}]; 您可以将数组转换为预期的格式.map功能非常有用。结帐下面的例子 (函数(){ 常量app

js


{{DAYS[i.day]}
{{month[i.month]}}
{{i.date} {{n.employee\u name}
{{n.employee\u id}
预期产量

$scope.arr = [{date: 24, day: 2, month: 11}
2: {date: 25, day: 3, month: 11}
3: {date: 26, day: 4, month: 11}];

您可以将数组转换为预期的格式
.map
功能非常有用。结帐下面的例子

(函数(){
常量app=angular.module('myApp',[]);
app.controller('MyController',['$scope',($scope)=>{
设arr=[{
日期:24,
日期:2,
月份:11
},
{
日期:25日,
日期:3,
月份:11
},
{
日期:2006年12月26日,
日期:4,
月份:11
}
];
$scope.newArr=[
arr.map(a=>a.date),
arr.map(a=>a.day),
arr.map(a=>a.month)
]
}]);
})();
td{
右边框:2倍纯色灰色;
}

日期:
{{date}}
天:
{{day}
月:
{{month}

这些条应该是表格。。。。我想在同一行上水平显示数组的每个元素,因此,您可以为
sI添加边框,而不是为条形图添加边框。检查这是否有帮助。
_____________________
| 24 |25 |26 |......|
_____________________
|    |   |   |      |