Angular 4 - 选中使用枚举进行选择不起作用
创始人
2024-10-15 18:30:31
0次

问题描述：在Angular 4中，使用枚举进行选择时，选中值不起作用。

解决方法：

  1. 首先，创建一个枚举类型，例如：
export enum Fruit {
  Apple = 'apple',
  Banana = 'banana',
  Orange = 'orange'
}
  1. 在组件中导入枚举类型，并定义一个变量来存储选中的值，例如：
import { Fruit } from './fruit.enum';

export class AppComponent {
  selectedFruit: Fruit;
}
  1. 在模板中使用ngModel绑定选中的值，并使用ngValue绑定枚举类型的值，例如：
  1. 确保在组件中导入枚举类型，并在模板中使用枚举类型的值，例如：
import { Fruit } from './fruit.enum';

export class AppComponent {
  Fruit = Fruit;
}

这样，当用户选择一个选项时，selectedFruit变量将存储选中的枚举值，可以在组件中进一步处理。

上一篇：Angular 4 - 响应式表单 - 一个字段失焦时，会将所有字段都标记为红色。

下一篇：Angular 4 - 在HTML模板中添加天数到日期

相关内容

热门资讯

透视科普！wepoker是不是... 透视科普！wepoker是不是有人用挂（透视）智星菠萝透视，教程绝活儿（有挂方略）-哔哩哔哩进入游戏...
透视详细！wepoker透视方... 透视详细！wepoker透视方法（透视）pokermaster破解版，教程指南书（有挂技巧）-哔哩哔...
透视了解！约局吧透视挂下载（透... 透视了解！约局吧透视挂下载（透视）hhpoker俱乐部是干嘛的，教程诀窍（真是有挂）-哔哩哔哩1、每...
透视解谜！pokemmo手机辅... 透视解谜！pokemmo手机辅助软件（透视）wpk俱乐部是做什么的，教程窍门（有挂教程）-哔哩哔哩1...
透视透视！wepoker私人局... 透视透视！wepoker私人局透视（透视）wepoker是不是有人用挂，教程技法（竟然有挂）-哔哩哔...
透视关于！拱趴大菠萝有挂吗（透... 透视关于！拱趴大菠萝有挂吗（透视）wepoker公共底牌，教程窍要（有挂方法）-哔哩哔哩1、拱趴大菠...
透视了解！wepoker能不能... 透视了解！wepoker能不能透视（透视）wepoker破解器有用吗，教程烘培（有挂秘笈）-哔哩哔哩...
透视总结！pokemmo辅助器... 透视总结！pokemmo辅助器脚本下载（透视）aapoker透视脚本，教程教程书（有挂总结）-哔哩哔...
透视开挂！hhpoker是内部... 透视开挂！hhpoker是内部控制吗（透视）we-poker靠谱吗，教程讲义（有挂方针）-哔哩哔哩1...
透视关于！来玩app 德州 辅... 透视关于！来玩app 德州 辅助（透视）hhpoker软件可以玩吗，教程学习（有挂教程）-哔哩哔哩1...