Angular 角度材质数据表未填充数据

我使用的是角度材质，希望在自定义模式中显示一个数据表，数据不会被填充，甚至标题也不会。一切都是空的

这是我的历史模态组件：

从“@angular/core”导入{Component，OnInit}；
@组成部分({
选择器：“应用程序历史记录”，
templateUrl:“./history.component.html”，
样式URL:[“/history.component.scss”]
})
导出类HistoryComponent实现OnInit{
displayedColumns=[“位置”、“名称”、“重量”、“符号”]；
数据源=元素\数据；
构造函数（）{}
恩戈尼尼特（）{
}
}
导出接口元素{
名称：字符串；
职位：编号；
重量：个数；
符号：字符串；
}
常量元素_数据：元素[]=[
{位置：1，名称：“氢”，重量：1.0079，符号：“H”}，
{位置：2，名称：“氦”，重量：4.0026，符号：“他”}，
{位置：3，名称：“锂”，重量：6.941，符号：“锂”}，
{位置：4，名称：“铍”，重量：9.0122，符号：“Be”}，
{位置：5，名称：“硼”，重量：10.811，符号：“B”}，
{位置：6，名称：“碳”，重量：12.0107，符号：“C”}，
{位置：7，名称：“氮”，重量：14.0067，符号：“N”}，
{位置：8，名称：“氧气”，重量：15.9994，符号：“O”}，
{位置：9，名称：“氟”，重量：18.9984，符号：“F”}，
{位置：10，名称：“氖”，重量：20.1797，符号：“Ne”}，
{位置：11，名称：“钠”，重量：22.9897，符号：“钠”}，
{位置：12，名称：“镁”，重量：24.305，符号：“镁”}，
{位置：13，名称：“铝”，重量：26.9815，符号：“铝”}，
{位置：14，名称：“硅”，重量：28.0855，符号：“硅”}，
{位置：15，名称：“磷”，重量：30.9738，符号：“P”}，
{位置：16，名称：“硫”，重量：32.065，符号：“S”}，
{位置：17，名称：“氯”，重量：35.453，符号：“氯”}，
{位置：18，名称：“氩”，重量：39.948，符号：“氩”}，
{位置：19，名称：“钾”，重量：39.0983，符号：“K”}，
{位置：20，名称：“钙”，重量：40.078，符号：“钙”}，
];
：主机{
显示器：flex；
}
.示例容器{
显示器：flex；
弯曲方向：立柱；
最小宽度：300px；
溢出：自动；
最大高度：500px；
}
.mat-header-cell.mat-sort-header-sorted{
颜色：黑色；
}
历史
不
{{element.position}
名称
{{element.name}
重量
{{element.weight}}
象征
{{element.symbol}
好啊
问题在于2018年5月3日的版本升级。他们在文档中没有提及mat table api，而是对其进行了重大更改


现在是
，而不是

现在是
，而不是

现在是
，而不是


亲爱的角材料团队。请在您的文档中添加一个叫喊，从今天到明天进行突破性的更改和如此大的版本升级。您在任何地方都没有收到通知，并且花了数小时在上面。
问题在于2018年5月3日的版本升级。他们在文档中没有提及mat table api，而是对其进行了重大更改


现在是
，而不是

现在是
，而不是

现在是
，而不是


亲爱的角材料团队。请在您的文档中添加一个叫喊，从今天到明天进行突破性的更改和如此大的版本升级。你在任何地方都没有收到通知，而且花了好几个小时在上面。
你能创建stackblitz示例吗？这里：但突然之间，它起作用了。不知道为什么…请检查这个我只添加了
BrowserAnimationsModule
我原来的代码中有这个，现在忘记了。但为什么它现在起作用了？除了中间的另一个模块，我没有做任何不同的事情。你们知道为什么它在我的开发环境中不起作用吗？你们能创建一个stackblitz的例子吗？这里：但突然它起作用了。不知道为什么…请检查这个我只添加了
BrowserAnimationsModule
我原来的代码中有这个，现在忘记了。但为什么它现在起作用了？除了中间的另一个模块，我没有做任何不同的事情。你知道为什么它在我的开发环境中不起作用吗？