title: Can't bind to 'property' since it isn't a known property of 'component'
body: <p>This is my code:</p>
  
  <p>I have my app.module.ts</p>
  
  <pre><code>import { CustomAlertComponent } from './pages/common/custom- 
  alert.component';
  @NgModule({
    imports: [...],
    exports: [ ..., CustomAlertComponent],
    declarations: [.., CustomAlertComponent],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p>custom-alert.component.html</p>
  
  <pre><code>&lt;ngb-alert *ngIf="!staticAlertClosed" [type]="type" (close)="true"&gt;{{message}}&lt;/ngb-alert&gt;
  </code></pre>
  
  <p>custom-alert.component.ts</p>
  
  <pre><code>import { Component, OnInit, Input, EventEmitter } from '@angular/core';
   @Component({
    selector: 'custom-alert',
    templateUrl: './custom-alert.component.html'
  })
  export class CustomAlertComponent implements OnInit {
  
   @Input() message: string;
   @Input() type: string;
   @Input() staticAlertClosed:boolean;
  
   constructor() {}
  
   ngOnInit(){}
  } 
  </code></pre>
  
  <p>and start-workflow.component.ts</p>
  
  <pre><code>import { Component, OnInit, ViewEncapsulation, ViewContainerRef, Input, Output, EventEmitter  } from '@angular/core';
  import { CustomAlertComponent } from '../common/custom-alert.component';
  @Component({
    selector: 'start-workflow',
    templateUrl: 'start-workflow.component.html',
    styleUrls: ['../../../assets/scss/plugins/_datepicker.scss', 'start- 
    workflow.component.css']
  })
  export class StartWorkflowComponent implements OnInit{
    message: string;
    type: string;
    staticAlertClosed:boolean = false;
  
    constructor() {}
    public method(){
      this.message= 'Archivo enviado y guardado';
      this.type= 'success';
      this.staticAlertClosed = true;
   }
  }
  </code></pre>
  
  <p>I'm having the following error:</p>
  
  <blockquote>
    <p>Blockquote core.js:1440 ERROR Error: Uncaught (in promise): Error: Template parse errors: Can't bind to 'message' since it isn't a known property
        1. If 'custom-alert' is an Angular component and it has 'message' input, then verify that it is part of this module.
        2. If 'custom-alert' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
        3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. (" ][(message)]="text"> "): ng:///StartWorkflowModule/StartWorkflowComponent.html@1:16
    'custom-alert' is not a known element:</p>
  </blockquote>
  
  <p>Please help</p>