Javascript 如何使用angularjs以表格格式打印数组？

我正在调用一个API，并希望使用anugularjs以表格格式打印JSON结果。所以我在函数（myfunc）中声明了一个硬编码数组（train）。现在我想以表格格式打印数组。 以下是我尝试的代码：

函数myfunc（）{
var序列=[{
“列车号”：“11043”，
“列车名”：“马杜赖快车”，
“来源”：“LTT”，
“到达时间”：“03:50”，
“目的地”：“浦那”，
“出发时间”：“00:15”，
“旅行时间”：“03:35小时”，
“列车类型”：“EXP”
},
{
“列车号”：“16533”，
“列车名称”：“BGKT SBC EXPRES”，
“来源”：“KYN”，
“到达时间”：“04:10”，
“目的地”：“浦那”，
“出发时间”：“01:05”，
“旅行时间”：“03:05小时”，
“列车类型”：“EXP”
}
];
}
myfunc（）；
var-app=angular.module（'myApp'，[]）；
应用程序控制器（'Ctrl'，函数（$scope）{
$scope.names=列车；
});

桌子
th，
运输署{
边框：1px纯灰；
边界塌陷：塌陷；
填充物：5px；
}
表tr：第n个子项（奇数）{
背景色：#f1f1；
}
表tr：第n个子项（偶数）{
背景色：#ffffff；
}
名称
班
部门
{{x.TrainName}
{{x.TrainName}
{{x.Source}}
{{x.Class}}
{{x.部门}
首先要做的事。您已将变量
train
声明到函数中，因此无法访问控制器。将其作为全局变量也不是一个好主意。由于您使用的是angularjs，因此可以使用它的一个主要功能，即
服务
（请参见下面我的代码中的内容，并了解我如何使用它）

其次，您应该始终使您的
计数与您的
计数相同。代码中有3个
和5个

第三，您正在调用对象中未声明的属性。始终使用在对象中声明的属性

您可以运行下面的代码来检查正确的输出



var-app=angular.module（'myApp'，[]）；
应用服务（'TrainService'，功能（）{
var序列=[{
“列车号”：“11043”，
“列车名”：“马杜赖快车”，
“来源”：“LTT”，
“到达时间”：“03:50”，
“目的地”：“浦那”，
“出发时间”：“00:15”，
“旅行时间”：“03:35小时”，
“列车类型”：“EXP”
},
{
“列车号”：“16533”，
“列车名称”：“BGKT SBC EXPRES”，
“来源”：“KYN”，
“到达时间”：“04:10”，
“目的地”：“浦那”，
“出发时间”：“01:05”，
“旅行时间”：“03:05小时”，
“列车类型”：“EXP”
}
];
返回{getTrain:getTrain}；
函数getTrain（）{
回程列车；
}
});
应用控制器（'Ctrl'，功能（$scope，TrainService）{
$scope.names=TrainService.getTrain（）；
});


桌子
th，
运输署{
边框：1px纯灰；
边界塌陷：塌陷；
填充物：5px；
}
表tr：第n个子项（奇数）{
背景色：#f1f1；
}
表tr：第n个子项（偶数）{
背景色：#ffffff；
}
列车号
名称
来源
目的地
列车类型
{{x.TrainNo}
{{x.TrainName}
{{x.Source}}
{{x.Destination}}
{x.TrainType}