Angular 5 接口变量不可分配给类型问题

Question

我正在使用 Angular 5 并创建了一个非常简单的接口文件：

export interface INavbar {
  title: string;
}

然后我将它导入到我的 .ts 文件中：

并尝试向变量添加一个值：

title: INavbar = 'myTitle';

问题是我遇到了错误：

Type: "myTitle" is not assignable to type 'INavbar'

我做错了什么？

Answer 1

因为当你写

title = 'myTitle';

无论变量的类型如何，您都提供一个字符串。这意味着 title 是一个字符串。

如果你想创建一个实现你的接口的对象，你应该这样做：

navbar: INavbar = {
  title: 'myTitle'
};

Angular 5 Interface variable not assignable to type issue