[英]Angular 6 Material - Component is not a known element
我正在尝试在我的 Angular 6 应用程序中安装 Material Design。 我使用命令ng generate @angular/material:nav myNav
添加了导航示意图。 当我编译并提供应用程序时,我收到错误消息
未捕获的错误:模板解析错误:'my-nav' 不是已知元素: 1. 如果 'my-nav' 是一个 Angular 组件,则验证它是否是该模块的一部分。
我的 app.modules.ts 代码如下:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { LayoutModule } from '@angular/cdk/layout';
import { MatToolbarModule, MatButtonModule, MatSidenavModule, MatIconModule, MatListModule } from '@angular/material';
import { MyNavComponent } from './my-nav/my-nav.component';
@NgModule({
declarations: [
AppComponent,
MyNavComponent
],
imports: [
BrowserModule,
AppRoutingModule,
BrowserAnimationsModule,
LayoutModule,
MatToolbarModule,
MatButtonModule,
MatSidenavModule,
MatIconModule,
MatListModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
我的 app.component.html 代码如下:
<my-nav></my-nav>
请让我知道我哪里出错了。
因为它是:
@Component({
selector: 'app-my-nav',
templateUrl: './my-nav.component.html',
styleUrls: ['./my-nav.component.css']
})
您的选择器是app-my-nav
,因此它是<app-my-nav></app-my-nav>
:
selector
在模板中标识该指令并触发该指令的实例化。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.