如何为枚举Angular 4打字稿显示不同的字符串

发布时间：2020-12-17 17:23:42 所属栏目：安全来源：网络整理

导读：我有一个基于字符串的枚举.在不更改枚举类的情况下,我需要在模态上显示不同的字符串.我的obj包含枚举.我的代码如下： ENUM： export enum FooEnum { ONE,TWO,THREE } HTML： select class="form-control" type="text" id="foo" [(ngModel)]="obj.foo" requir

我有一个基于字符串的枚举.在不更改枚举类的情况下,我需要在模态上显示不同的字符串.我的obj包含枚举.我的代码如下：

ENUM：

export enum FooEnum {
        ONE,TWO,THREE
    }

HTML：

<select class="form-control"
                    type="text"
                    id="foo"
                    [(ngModel)]="obj.foo"
                    required
                    name="foo"
                    #foo="ngModel">
              <option *ngFor="let foo of fooToList()" [ngValue]="foo">{{foo}}</option>
            </select>

打字稿：

fooToList(): Array<string> {
    const keys = Object.keys(FooEnum);
    return keys.slice(keys.length / 2);
  }

我想将ONE视为Un,TWO视为Deux等.你能帮我一下吗？

注意：我还包括角度2,因为2和4非常相似.

解决方法

您也可以使用值初始化枚举

enum FooEnum { 
  ONE = 'Un',TWO = 'Deux',... etc
}

见documentation.

注意：这是在TypeScript 2.4中引入的

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!