类型'string'不可分配给类型枚举错误

Posted 2021-04-30

我的界面如下：

export interface Preferences {
  theme: Theme;
}

[Theme被定义为枚举：

export enum Theme {
  dark = 'dark',
  light = 'light'
}

假设我有如下的JSON文件：

{
  "theme": "light"
}

还假设我想按如下所示在服务中使用它：

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable, of } from 'rxjs';
import { Preferences } from '../models/preferences';
import prefExample from '../../assets/preferences.json';

@Injectable({
  providedIn: 'root'
})
export class MyService {

  constructor(private httpClient: HttpClient) { }

  getPreferences(): Observable<Preferences> {
    return of(prefExample);
  }
}

当我尝试运行上面的代码时，它告诉我：

Types of property 'theme' are incompatible.
  Type 'string' is not assignable to type 'Theme'.

答案

尝试强制类型注释，例如：

return of(prefExample as Preferences);

另一答案

如果您确定Preferences的有效JSON数据，您可以告诉TypeScript编译器将prefExample对象用作Preferences，如下所示：

getPreferences(): Observable<Preferences> {
    return of(prefExample as Preferences);
}