Create a new component in an Angular module and make it available in the whole application.

Question

From an Angular module, which is not the main module, I want to create a new component and make it available in the whole application(also in the module in which it is defined). What syntax should we use?

Accepted Answer

```javascript
import { Calendar } from './calendar.component';

@NgModule({
    declarations: [Calendar],
    exports: [Calendar]
})
export class CommonModule { }
```

Answer

```javascript
import { Calendar } from './calendar.component';

@NgModule({
    declarations: [Calendar]
})
export class CommonModule { }

```

Answer

```javascript
import { Calendar } from './calendar.component';

@NgModule({
    exports: [Calendar]
})
export class CommonModule { }
```

Answer

```javascript
import { Calendar } from './calendar.component';

@NgModule({
    declarations: [Calendar],
    providers: [Calendar]
})
export class CommonModule { }
```

Question from the Angular test

Create a new component in an Angular module and make it available in the whole application.