javascript - Angular 5接口(interface)变量无法分配给类型问题

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

export interface INavbar {
  title: string;
}

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

并尝试向变量添加值：

title: INavbar = 'myTitle';

问题是我遇到错误：

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

我在这里做错了什么？

最佳答案

因为当你写

title = 'myTitle';

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

如果要创建实现接口的对象，则应执行以下操作：

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