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作... 您好，pokemmo脚本最新版这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很...
我来教大家！哈糖大菠萝软件下载... 1、我来教大家！哈糖大菠萝软件下载，aapoker插件，可靠教程（有挂方法）；详细教程。2、哈糖大菠...
我来教教你！哈糖大菠萝万能挂，... 我来教教你！哈糖大菠萝万能挂，聚星ai辅助工具收费多少，实用技巧（有挂透明）关于聚星ai辅助工具收费...
玩家攻略推荐！wepoker有... 玩家攻略推荐！wepoker有辅助吗，德普之星透视辅助软件，2025版教程（有挂攻略）；1.德普之星...
发现一款！werplan有挂吗... 发现一款！werplan有挂吗，wejoker私人辅助软件，必胜教程（有挂技巧）；1.wejoker...
一分钟秒懂！wepoker安装... 一分钟秒懂！wepoker安装教程，来玩app 德州 辅助，教你攻略（有挂攻略）是由北京得来玩app...
玩家必看科普！智星德州可以透视... 玩家必看科普！智星德州可以透视吗，sohoo辅助，教你教程（有挂教程）；人气非常高，ai更新快且高清...
玩家实测！wepoker轻量版... 玩家实测！wepoker轻量版有透视吗，来玩app破解版，wpk教程（有挂攻略）；支持多人共享记分板...
分享个大家！wepoker有辅... 分享个大家！wepoker有辅助吗，德普辅助软件，安装教程（有挂方法）；原来确实真的有挂（需添加指定...
一分钟秒懂！wepoker辅助... 一分钟秒懂！wepoker辅助器有哪些功能，wepoker免费脚本咨询，玩家教你（有挂攻略）准备好在...