0

我有一个通过 openapi-generator 生成的打字稿枚举。

它看起来像这样：

export declare enum Role {
    SubscriptionOwner = "Subscription Owner",
    Admin = "Admin",
    Developer = "Developer",
    Publisher = "Publisher",
    Editor = "Editor"
}

我想用它来生成选择选项，类似于下面，取自StackBlitz 演示

import { Component } from '@angular/core';

export declare enum Symbols {
  equals = '\u003D',
  notEquals = '!='
}

@Component({
  selector: 'my-app',
  template: `
    <p>
      Having the symbol as label and name as value:
      <select>
        <option *ngFor="let symbol of keys(symbols)" [ngValue]="symbol">{{symbols[symbol]}}</option>
      </select>
    </p>
  `
})
export class AppComponent  {
  keys = Object.keys;
  symbols = Symbols;
}

但是，当有“声明”时，它是一个环境枚举，并且不起作用。一旦我删除“声明”它就可以工作，但是由于枚举是生成的源，我无法编辑它，它会重新生成。

有什么方法可以将消费者代码中的环境枚举转换为普通枚举，以便生成选项？或者其他从环境枚举生成选项的方法？

更新

好的，我了解了一些关于 .d.ts 文件只是存在于其他地方的代码的标头。我环顾四周，生成的库确实包含以下内容：

var Role;
(function (Role) {
    Role["SubscriptionOwner"] = "Subscription Owner";
    Role["Admin"] = "Admin";
    Role["Developer"] = "Developer";
    Role["Publisher"] = "Publisher";
    Role["Editor"] = "Editor";
})(Role || (Role = {}));
;

因此，通过阅读本文，我了解到这将私下准备一个具有这些值的 Role 对象。为什么我会收到这个错误呢？

error TS7053: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'typeof Role'.

使用时

<option *ngFor="let role of keys(roles)" [ngValue]="role">{{roles[role]}}</option>
4

1 回答 1

0

好的，从这里阅读更多内容后，我发现我可以将索引签名显式声明为字符串，并且返回的值始终为字符串。因为我知道这是真的，因为我正在生成字符串枚举并且声明的 Role.d.ts 也澄清了这一点，所以我在相应的角度组件中将角色定义为

roles: {[name: string] : string} = Role;

之后，编译器停止抱怨并且选项生成工作。

于 2021-06-30T13:37:01.460 回答