كيفية استخدام مكون من وحدة أخرى في Angular؟

مرحباً بالجميع! أنا مبتدئ في Angular و TypeScript، وواجهت مشكلة في استخدام مكون من وحدة أخرى. لدي وحدتان: `AppModule` (الجذر) و `SharedModule`. في `SharedModule` قمت بإنشاء مكون `MyButtonComponent`، الذي أريد استخدامه في قالب مكون `AppComponent` الموجود في `AppModule`. إليك هيكل مشروعي: **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: [], ```