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模板中添加天数到日期

相关内容

热门资讯

透视解谜！德普之星辅助器app... 透视解谜！德普之星辅助器app（透视）拱趴大菠萝开挂方法，教程技法（证实有挂）-哔哩哔哩1）拱趴大菠...
透视解迷！pokerrrr2辅... 透视解迷！pokerrrr2辅助（透视）哈糖大菠萝攻略，教程方案（有挂秘诀）-哔哩哔哩1、哈糖大菠萝...
透视解谜！WePoKer辅助器... 透视解谜！WePoKer辅助器（透视）wepoker私人局俱乐部辅助，教程积累（有挂规律）-哔哩哔哩...
透视开挂！sohoo竞技联盟辅... 透视开挂！sohoo竞技联盟辅助器（透视）德州局透视脚本免费版下载手机版，教程妙计（有挂神器）-哔哩...
透视揭幕！aapoker能控制... 透视揭幕！aapoker能控制牌吗（透视）epoker底牌透视，教程资料（确实有挂）-哔哩哔哩1、玩...
透视分享！wepoker有辅助... 您好，wepoker有辅助器吗这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054...
透视推荐！wepoker软件辅... 透视推荐！wepoker软件辅助程序（透视）wepoker软件辅助程序，教程烘培（有挂解密）-哔哩哔...
透视科普！hhpoker是正规... 透视科普！hhpoker是正规的吗（透视）hhpoker辅助器视频，教程窍要（详细教程）-哔哩哔哩1...
透视解密！xpoker辅助助手... 透视解密！xpoker辅助助手（透视）hhpoker德州挂真的有吗，教程手筋（真的有挂）-哔哩哔哩；...
透视科普！we poker游戏... 透视科普！we poker游戏下（透视）poker world辅助器，教程法子（有挂规律）-哔哩哔哩...