PT
RU
EN
ES
ZH
FR
DE
AR
HI
alex_dev54
·
Como usar um componente de outro módulo no Angular?
Olá a todos! Sou novo no Angular e TypeScript, e tive um problema ao usar um componente de outro módulo.
Tenho dois módulos: `AppModule` (raiz) e `SharedModule`. No `SharedModule`, criei o componente `MyButtonComponent`, que quero usar no template do componente `AppComponent`, que está no `AppModule`.
Aqui está a estrutura do meu projeto:
**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 { }
```
**app.component.ts:**
```typescript
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: `
