组件中未定义Angular 6接口类型

Question

我创建了一个名为RestaurantFields的接口，并想将其添加到component.ts文件中。我的界面文件看起来像这样

export interface RestaurantFields {
  submitButtonType: string;
  org_id: any;
  logo: string;
  name: string;
}

当我尝试将其添加到componenet.ts时，我已将其导入

import { RestaurantFields } from "./restaurant-fields";

并将其添加到类组件

export class AddRestaurantComponent implements OnInit {
  res: RestaurantFields;
  ....
  ngOnInit() {
      this.res = .....
  }

}

res: RestaurantFields;。看来res是不确定的。我该如何解决此问题。此组件中导入的其他服务运行正常。预先感谢。

Answer 1

您的组件应如下所示：

 export class AddRestaurantComponent implements OnInit,RestaurantFields {
ngOnInit() {
   }
}