Angular 角度10制表符组件错误类型错误:无法读取属性';nativeElement';未定义的

Angular 角度10制表符组件错误类型错误:无法读取属性';nativeElement';未定义的,angular,angular-material,tabs,angular10,Angular,Angular Material,Tabs,Angular10,我是一个新的角度学习者。我对Angular 10 Material Tabs组件有一个问题,我已经尝试过跟随Angular文档和其他教程网站 显示选项卡的标题,但不显示内容。控制台中显示的错误类似于“错误类型错误:无法读取未定义的属性'nativeElement'” 这是我的代码,我在app.module.ts中导入了MattAbs模块 从'@angular/core'导入{Component,OnInit,viewenclosuration}; @组成部分({ 选择器:“应用程序penil

我是一个新的角度学习者。我对Angular 10 Material Tabs组件有一个问题,我已经尝试过跟随Angular文档和其他教程网站

显示选项卡的标题,但不显示内容。控制台中显示的错误类似于“错误类型错误:无法读取未定义的属性'nativeElement'”

这是我的代码,我在app.module.ts中导入了MattAbs模块

从'@angular/core'导入{Component,OnInit,viewenclosuration};
@组成部分({
选择器:“应用程序penilaian”,
templateUrl:“./penilaian.component.html”,
样式URL:['./penilaian.component.css'],
封装:视图封装。无,
})
导出类PenilianComponent实现OnInit{
构造函数(){}
ngOnInit():void{}
}

测试1

测试2

测试3


不确定这是否有帮助。但是您使用的是ViewEncapsulation.None,这意味着penilaian.component.css中的任何样式也应用于子项(请记住,使用此ViewEncapsulation设置不会在此处创建阴影DOM,并且样式将添加到head标记),这意味着在本例中每个mat选项卡。此外,每个选项卡(子组件)将(默认情况下)初始化(除非延迟加载),但只有在激活选项卡时才会被注入DOM。因此,一般来说:可能是这样,您试图在一个选项卡内锁定一些无法锁定的对象,因为该选项卡未处于活动状态。这也许可以解释你的错误…?

我也有同样的问题。你有没有想过?