如何在Angular中使用另一个模块的组件?
大家好!我是Angular和TypeScript的新手,遇到了使用另一个模块中组件的问题。
我有两个模块:`AppModule`(根模块)和`SharedModule`。在`SharedModule`中,我创建了一个`MyButtonComponent`组件,我想在位于`AppModule`中的`AppComponent`模板中使用它。
以下是我的项目结构:
**shared.module.ts:**
```typescript
import { NgModule } from '@angular/core';
import { MyButtonComponent } from './my-button.component';
@NgModule({
declarations: [MyButtonComponent],
exports: [MyButtonComponent]
})
export class SharedModule { }
```
**app.module.ts:**
```typescript
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { SharedModule } from './shared/shared.module';
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, SharedModule],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
```
现在,在`AppComponent`的模板中,我想使用` `,但出现了错误。我是否漏掉了什么?