title: Component is not a known element [Angular]
body: <p>I'm currently working for the first time with Angular. I have a module called Api-Lab and a component called Category-Card. The structure of of my project is:</p>
  
  <pre><code>-app
      -[+]api-lab
          -[+]category-card
              category-card.component.ts
          api-lab.component.ts
          api-lab.module.ts
      app.module.ts
      app.routing.ts
  </code></pre>
  
  <p>In api-lab.component.html I get the error in the title in this part of HTML code:</p>
  
  <pre><code>&lt;div class="col-md-8 " *ngFor="let category of apiList"&gt;
              &lt;api-lab-category-card [image]="category.image" [icon]="category.icon" [title]="category.title"
              [description]="category.description" [buttonLink]="category.buttonLink"&gt;&lt;/api-lab-category-card&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>This is the api-lab.module.ts:</p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { CommonModule } from '@angular/common';
  import { ApiLabComponent } from './api-lab.component';
  import { SharedModule } from '../shared';
  import { CategoryCardComponent } from './category-card/category-card.component';
  
  @NgModule({
    imports: [CommonModule, SharedModule],
    declarations: [ApiLabComponent, CategoryCardComponent],
    exports: [ApiLabComponent]
  })
  export class ApiLabModule {}
  </code></pre>
  
  <p>This is the category-card.component.ts:</p>
  
  <pre><code>import { Component, OnInit, Input } from '@angular/core';
  
  @Component({
    selector: 'app-api-lab-category-card',
    templateUrl: './category-card.component.html',
    styleUrls: ['./category-card.component.scss']
  })
  export class CategoryCardComponent implements OnInit {
    constructor() { }
    @Input() image: string;
    @Input() icon: string;
    @Input() title: string;
    @Input() description: string;
    @Input() buttonLink: string;
    ngOnInit() { }
  }
  </code></pre>
  
  <p>And finally this is the app.module.ts:</p>
  
  <pre><code>import { ApiLabModule } from './api-lab/api-lab.module';
  
  // AoT requires an exported function for factories
  export function HttpLoaderFactory(http: HttpClient) {
    // return new TranslateHttpLoader(http);
    // modifichiamo la sede di default dei file di traduzione
    return new TranslateHttpLoader(http, './assets/translations/', '.json');
  }
  
  @NgModule({
    declarations: [
    //...declarations
    ],
    imports: [
      HomeModule,
      BrowserModule,
      AppRoutingModule,
      SharedModule,
      ApiLabModule,
    ],
    providers: [
      TranslatorService,
      StyleService,
      { provide: LocationStrategy, useClass: HashLocationStrategy }
    ],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p>I looked at other problems like mine but i couldn't solve the issue. Surely I missed some import/declaration. Any advice?</p>