Javascript 将数据从Service.component获取到mat表中

我在Angular应用程序中创建了一个服务。 Tornament.service.ts：

导入{
注射的
}从“@angular/core”开始；
@注射的({
providedIn:'根'
})
导出类锦标赛服务{
构造函数（）{}
getTurnaments（）{
返回[{
日期：1288323623006，
俱乐部：“D”，
姓名：1.0079，
航班：1，
弓箭手：1，
得分：1分，
奖项：0
},
{
日期：1288323623006，
俱乐部：“氦”，
姓名：4.0026，
航班：2，
弓箭手：2，
得分：2分，
奖项：0
},
{
日期：1288323623006，
俱乐部：“锂”，
姓名：6.941，
航班：3，
弓箭手：3，
得分：3分，
奖项：0
},
{
日期：1288323623006，
俱乐部：“铍”，
姓名：9.0122，
航班：1，
弓箭手：4，
得分：4分，
奖项：0
},
{
日期：1288323623005，
俱乐部：“硼”，
姓名：10.811，
航班：3，
弓箭手：5，
得分：5分，
奖项：0
},
{
日期：1288323630066，
俱乐部：“碳”，
姓名：12.0107，
航班：2，
弓箭手：6，
得分：6分，
奖项：0
},
{
日期：1288323623006，
俱乐部：“氮”，
姓名：14.0067，
航班：1，
弓箭手：7，
得分：7分，
奖项：0
},
{
日期：1288323630068，
俱乐部：“氧气”，
姓名：15.9994，
航班：4，
弓箭手：8，
得分：8分，
奖项：0
},
{
日期：1288323630069，
俱乐部：“氟”，
姓名：18.9984，
航班：5，
弓箭手：9，
得分：9分，
奖项：0
},
{
日期：11288323230060，
俱乐部：“霓虹灯”，
姓名：20.1797，
航班：2，
弓箭手：10，
得分：10分，
奖项：0
},
{
日期：1288323630069，
俱乐部：“氟”，
姓名：18.9984，
航班：5，
弓箭手：9，
得分：9分，
奖项：0
},
{
日期：11288323230060，
俱乐部：“霓虹灯”，
姓名：20.1797，
航班：2，
弓箭手：10，
得分：10分，
奖项：0
},
];
}
}

您必须像这样将

转盘

绑定到表上：

<table mat-table [dataSource]="Turnaments" class="mat-elevation-z8">

---

如果要改用数据源，请查看。

似乎缺少列定义

尝试在组件中声明它们，如下所示：

displayedColumns = ['date', 'club', 'name', 'flight', 'archers', 'scoring', 'awards'];

---

我必须创建一个组件吗？？？你能发布模板吗？@Baboo_uu什么模板？从表中，

EventmanagementComponent

@Baboo\uu中的一个，我现在已经更新了名称。希望现在一切都清楚了你也需要按照ambs的建议去做；）您知道如何突出显示所选行吗？