小编abh*_*thi的帖子

我有这样一些组件CricketComponent，FootballComponent，TennisComponent等所有这些类有一些共同的特性： -TeamName, teamSize, players等，这是@Input()。

现在我创建了一个BaseComponent类，在那里定义了所有这些属性，这个baseComponent类将被板球/足球/网球/等组件扩展。

基础组件.ts

export class BaseComponent {

    @Input() TeamName: string;
    @Input() teamSize: number;
    @Input() players: any;

}

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 {
  }

}

我收到此错误：

src/app/base-screen.ts:4:14 中的错误 - 错误 NG2007：

类正在使用 Angular 功能，但没有装饰。请添加一个显式的 Angular 装饰器。

以下是我采取的步骤

1. 我使用ionic start template blank创建了一个 ionic 5 的新项目
2. 将 angular 更新为 angular 9
3. 使用ng g page main创建了一个新的页面模块
4. 使用延迟加载在 AppRoutingModule 中列出。

ERROR in src/app/pages/main/main.page.html:1:1 - error NG8001: 'ion-header' is not a known element:
1. If 'ion-header' is an Angular component, then verify that it is part of this module.
2. If 'ion-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

1 <ion-header>
  ~~~~~~~~~~~~

  src/app/pages/main/main.page.ts:5:16
    5   templateUrl: './main.page.html',
                     ~~~~~~~~~~~~~~~~~~ …