Angular中的change事件处理程序无法从select中读取选项值。
创始人
2024-10-31 03:00:28
0

通常在 Angular 中使用 ngModel 绑定 select 元素,并使用 [(ngModel)] 使其双向绑定。在这个情况下,选项值可以通过绑定属性访问。以下是一个示例:

HTML 代码:


在组件类中编写相应代码:

export class MyComponent {
  selectedValue: string;
  options = [
    { label: 'Option 1', value: 'option1' },
    { label: 'Option 2', value: 'option2' },
    { label: 'Option 3', value: 'option3' }
  ];

  onChange() {
    console.log(this.selectedValue);
  }
}

在上述示例中,options 数组定义了 select 元素中可用的选项。通过 ngFor 循环方式创建选项,并设置选项的 value 属性。selectedValue 变量绑定了当前选中的选项的值。在 onChange 方法中,可以使用 this.selectedValue 访问选中的选项的值,而不需要从 select 元素中读取它。

相关内容

热门资讯

透视黑科技!wpk辅助器,wp... 透视黑科技!wpk辅助器,wpk辅助软件多少钱一个,科普(有挂教程);致您一封信;亲爱wpk辅助软件...
透视规律!wpk辅助插件,po... 透视规律!wpk辅助插件,pokemmo手机版脚本,透视教程(原生真的有挂);原来确实真的有挂(需添...
透视辅助!wpk透视脚本,aa... 透视辅助!wpk透视脚本,aapoker透视插件,技术分享(有挂攻略)1、每个玩家都可以进行使用,快...
透视游戏!wepoker辅助器... 透视游戏!wepoker辅助器怎么用,epoker免费透视脚本,必备教程(原本存在有挂);一、wep...
透视好牌!wpk脚本下载,hh... 1、透视好牌!wpk脚本下载,hhpoker透视脚本安卓,分享开挂内幕(有挂教程);代表性(透视辅助...
透视线上!aapoker可以开... 透视线上!aapoker可以开挂吗,wepokerplus作弊,技巧教程(都是真的有挂);原来确实真...
透视了解!红龙poker脚本,... 透视了解!红龙poker脚本,德州透视是真的假的,透牌教程(最初是真的有挂);红龙poker脚本软件...
透视好牌!wepoker脚本下... 透视好牌!wepoker脚本下载,aapoker辅助工具免费下载,重大来袭(有挂介绍)1)aapok...
透视私人局!hhpoker透视... 透视私人局!hhpoker透视脚本视频,wepoker怎么破解游戏,我来教教你(往昔真的有挂);《W...
透视存在!德普之星辅助器app... 透视存在!德普之星辅助器app,epoker免费透视脚本,必胜教程(原生真的是有挂);德普之星辅助器...