找不到名称“输入”.ts(2304)

Question

我想使用角度数据绑定和 Input 装饰器将输入值从一个组件获取到另一个给定的子组件。

我有一个最小的例子来向你展示我想如何完成这个任务：

父模板：

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

父组件：

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

子组件：

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

这似乎在 stackblitz 上工作得很好：https ://stackblitz.com/edit/angular-pggcbd

但我的本地打字稿编译器响应：

Cannot find name 'Input'.ts(2304)

并标记@Input()装饰者。有任何想法吗？

Answer 1

它只是丢失或不正确的导入。

将导入添加到 import { Component, Input } from '@angular/core'