根据下拉文本框中的选择值，将在Angular中启用或禁用

Question

我根据我编写代码，以一个下拉列表，由2个值IE启用，禁用。根据选择，应启用和禁用文本框。有人可以告诉我如何

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-dropdown',
  templateUrl: './dropdown.component.html',
  styleUrls: ['./dropdown.component.css']
})
export class DropdownComponent implements OnInit {
  des = false

  constructor() { }
  
  onchange(){
  if (true) {
    this.des=false
    
  }
  else{
    this.des= true
  }
  }
  ngOnInit(): void {
  }

}

<select name="dropdown" id="this">select the correct value 
    (change)="onchange()"
    <option value="yes">yes</option>
    <option value="No">No</option>
</select>

<input type="text" [disabled]="!des">

采取选项的价值以及我可以在IF-ELSE部分中提供的条件

Answer 1

在html文件

<select name="dropdown" (change)="onChange($event)">
  select the correct value
  <option value="No">No</option>
  <option value="yes">yes</option>
</select>

<input type="text" [disabled]="des">

中

  onChange(ev) {
    this.des = ev.target.value === 'yes'
  }