我有一个包含3个组件的"共享"模块。我想在app.component.html中包含这些组件。我该怎么做呢?所以我在app.component.html中有:
<header></header>
<div class="main-wrapper">
<div class="bg-trick"></div>
<main-nav></main-nav>
<div class="main-view widened">
<h1>Here comes my <router-outlet> tag later!</h1>
</div>
<sidebar></sidebar>
</div>
所有这些标签-,我在共享模块组件中声明为选择器。在shared. module. ts中,我在声明和导出中添加了这些组件。在app. module. ts中,我通过import添加了共享模块文件,并将其添加到导入SharedModule中。以下是我的文件:
- 共享的模块ts:**
import { NgModule } from '@angular/core';
import { HeaderComponent } from './header/header.component';
import { MainNavComponent } from './main-nav/main-nav.component';
import { SidebarComponent } from './sidebar/sidebar.component';
@NgModule({
imports: [
],
declarations: [
HeaderComponent,
MainNavComponent,
SidebarComponent
],
exports: [
HeaderComponent,
MainNavComponent,
SidebarComponent
]
})
export class SharedModule {}
- 应用程序模块. ts**
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { SharedModule } from './shared/shared.module';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
"那是我的一部分"
import { Component } from '@angular/core';
@Component({
selector: 'sidebar',
templateUrl: './sidebar.component.html',
styleUrls: ['./sidebar.component.css']
})
export class SidebarComponent {
}
所以我的应用不工作,如果我从app.component.html中删除组件选择器标签,它会正确运行。我做错了什么?其他模块的组件如何插入到app.model中,并用作布局组件,显示在每个页面上。
1条答案
按热度按时间dluptydi1#
在app.module.ts中,您可能忘记导入共享模块