Angular 下拉列表的更改事件不起作用

Question

我想在 select 使用下拉列表中的不同值时向控制台显示一条消息。但这并没有发生。当我 select 下拉列表中的另一个值时，什么也没有发生。我该如何解决。我正在使用分区数组使用 HTML.

中的键值对添加下拉列表值

打字稿部分


  selectedDistrict:any=[];
 distric=[{
   "key":"Colombo",
   "value": "1"
 },
 {
   "key":"Gampaha",
   "value":"2"
 }
 
]

 public districtChange(){
   
console.log("successs");

}

HTML

<div class="form-group">
                       <span>Select District: </span>
                       <select name="district">
                           <option *ngFor="let user of distric" value={{user.value}} (change)="districtChange()">{{user.key}}</option>
                       </select>

                      
                   
                    </div>

Answer 1

将更改更改为 select 您正在更改 select's 值而不是 option's 值

<div class="form-group">
    <span>Select District: </span>
     <select name="district"(change)="districtChange()">
          <option *ngFor="let user of distric" value={{user.value}} >{{user.key}}</option>
     </select>
 </div>

Angular 下拉列表的更改事件不起作用

Angular Change event of drop down list not working

angular

typescript

forms

html-select

onchange