angular - 'Input' adı bulunamıyor.ts(2304)

Bir bileşenden başka bir alt bileşene giriş değerlerini almak için angular veri bağlamayı ve Input dekoratörünü kullanmak istedim.

Bu görevi nasıl başarmak istediğimi göstermek için size minimal bir örnek göstereceğim:

Ebeveyn şablonu:

<h4>Passing value of input element to child component:</h4>
<input [ngModel]="name" (ngModelChange)="name = $event">
<p>{{name}}</p>
<hello [name]="name"></hello>

Ebeveyn bileşen:

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = '';
}

Alt bileşen:

@Component({
  selector: 'hello',
  template: `<h4>Passed : "{{ name }}" to child component!</h4>`,
  styles: [`h1 { font-family: Lato; }`]
})
export class HelloComponent  {
  @Input() name: string;
}

bu stackblitz'te yeterince iyi çalışıyor gibi görünüyor: https://stackblitz.com/edit/angular-pggcbd

Ama yerel TypeScript derleyicim şöyle yanıt veriyor:

Cannot find name 'Input'.ts(2304)

ve @Input() dekoratörlerini işaretler. herhangi bir fikriniz var mı?

Cevap #1

Sadece eksik veya yanlış bir içe aktarma var.

import { Component, Input } from '@angular/core' satırına import ekleyin

İlgili makaleler