Angular Select下拉框选择改变事件的方法

最新推荐文章于 2021-03-10 19:57:10 发布

源哥1

最新推荐文章于 2021-03-10 19:57:10 发布

阅读量4.8k

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/qq_41592908/article/details/103613746

版权

前端专栏收录该内容

8 篇文章

订阅专栏

本文介绍了在Angular应用中处理Select下拉框选择改变事件的方法，通过HTML元素和 TypeScript 代码实现事件监听与响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Angular中选择改变事件的方法

HTML：

  <div class="set-select">
    <label for="rankbutton">筛选平台</label>
    <select id="rankbutton" [(ngModel)]="platform" (ngModelChange)="set_platform()"> 
    <select id="rankbutton" [(ngModel)]="platform">
      <option *ngFor="let item of platforms" [value]='item.key'>{{item.value}}</option>
    </select>
  </div>

platform = 'wx';
platforms: any = [
    { key: 'wx', value: '微信' },
    { key: 'tt', value: '今日头条' },
    { key: 'wb', value: '微博' },
    { key: 'bjh', value: '百家号' },
    { key: 'zcool', value: '站酷' },
  ];
  
set_platform() {
     this.platform
     console.log('this.platform:',this.platform)
   }