title: Can't bind to since it isn't a known property of selector component
body: <p>I want to pass a variable from one component to another and I'm using @input</p>
  
  <p>This is my parent component :</p>
  
  <pre><code>@Component({
      selector: 'aze',
      templateUrl: './aze.component.html',
      styleUrls: [('./aze.component.scss')],
      providers: [PaginationConfig],
  })
  
  export class azeComponent implements OnInit {
      public hellovariable: number = 100;
  }
  </code></pre>
  
  <p>This is the template of the parent component:</p>
  
  <pre><code>&lt;app-my-dialog [hellovariable]="hellovariable"&gt;&lt;/app-my-dialog&gt;
  </code></pre>
  
  <p>This is my child component :</p>
  
  <pre><code>@Component({
    selector: 'app-my-dialog',
    templateUrl: './my-dialog.component.html',
    styleUrls: ['./my-dialog.component.css']
  })
  
  export class MyDialogComponent implements OnInit {
    @Input() hellovariable: number;
    constructor() { }
  
    ngOnInit() {
      console.log(hellovariable);
    }
  </code></pre>
  
  <p>This is the child template:</p>
  
  <pre><code> &lt;h3&gt;Hello I am {{hellovariable}}&lt;h3&gt;
  </code></pre>
  
  <p>And this is the app.module.ts:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>@NgModule({
      declarations: [
          AppComponent,
          MyDialogComponent
  
      ],
      entryComponents: [
          MyDialogComponent
        ],
      imports: [
          BrowserModule,
          routing,
          NgbModule,
          BrowserAnimationsModule,
          ToastrModule.forRoot(),
          RichTextEditorAllModule,
          FullCalendarModule,
          NgMultiSelectDropDownModule.forRoot(),
          LeafletModule.forRoot(),
          NgxGalleryModule,
          HttpClientModule,
          MatDialogModule,
          ReactiveFormsModule
      ],</code></pre>
  </div>
  </div>
  </p>
  
  <p>When I show my parent component template I get this error:</p>
  
  <blockquote>
    <p>Can't bind to 'hellovariable' since it isn't a known property of 'app-my-dialog'.</p>
  </blockquote>
  
  <p>Any idea on how to fix this?</p>