我有这样一些组件CricketComponent,FootballComponent,TennisComponent等所有这些类有一些共同的特性: -TeamName, teamSize, players等,这是@Input()。
现在我创建了一个BaseComponent类,在那里定义了所有这些属性,这个baseComponent类将被板球/足球/网球/等组件扩展。
基础组件.ts
export class BaseComponent {
@Input() TeamName: string;
@Input() teamSize: number;
@Input() players: any;
}
Run Code Online (Sandbox Code Playgroud)
CricketComponent.ts
@Component({
selector: 'app-cricket',
templateUrl: './cricket.component.html',
styleUrls: ['./cricket.component.scss']
})
export class cricketComponent extends BaseComponent implements OnInit {
constructor() {
super();
}
ngOnInit(): void {
}
}
Run Code Online (Sandbox Code Playgroud)
我收到此错误:
src/app/base-screen.ts:4:14 中的错误 - 错误 NG2007:
类正在使用 Angular 功能,但没有装饰。请添加一个显式的 Angular 装饰器。