Angular 如果下拉列表中的选定值为“是”，则显示其他字段或隐藏

我有三个输入字段，对于第二个输入字段，我有一个带有两个值的下拉列表。如果我选择的值是“是”，则它应该显示第三个输入字段，否则第三个输入字段应该隐藏。 我是新手，有人能帮我吗

<div >
  <ul id="menu">
      <li><input   type ="text" style="border:none" placeholder="Is this partner a PEP?">
        <div class="select"> 
            <select name="slct" id="slct"> 
                <option></option> 
                <option value="1">yes</option> 
                <option value="2">No</option> 
                 </select> 
        </div> 
         </li>
      <li><input type ="text" style="border:none" placeholder=" Does this partner blacklisted?">
        <div class="select"> 
            <select name="slct" id="slct"> 
                <option></option> 
                <option value="1">yes</option> 
                <option value="2">No</option> 
                 </select> 
        </div> 
      </li>
      <li><input type ="text" style="border:none" placeholder="Blacklist(s)"></li>
        </ul> 
      </div>    

对
不


对
不

试试这个：

对
不

---

使用

ngModel

您将根据使用

*ngIf

的条件，使用变量

selectedOption

将其绑定，它将显示第三个输入。

在html文件中的第二个输入包括一个更改事件，并将事件值传递给ts文件。在第三个输入元素中，使用*ngIf structural指令将此输入字段添加或删除到DOM中

<div>
<ul id="menu">
    <li><input type="text" style="border:none" placeholder="Is this partner a PEP?">
        <div class="select">
            <select name="slct" id="slct">
                <option></option>
                <option value="1">yes</option>
                <option value="2">No</option>
            </select>
        </div>
    </li>
    <li><input type="text" style="border:none" placeholder=" Does this partner blacklisted?">
        <div class="select">
            <select name="slct" id="slct" (change)="onChangeSecondInputField($event.target.value)">>
                <option></option>
                <option value="1">yes</option>
                <option value="2">No</option>
            </select>
        </div>
    </li>
    <li><input *ngIf="isThirdInputFieldVisible" type="text" placeholder="Blacklist(s)"></li>
</ul>

*ngIf是你的朋友：）

isThirdInputFieldVisible: boolean = false;
 onChangeSecondInputField(value) {
   if (value == 1) {
   this.isThirdInputFieldVisible = true;
   } else if (value == 2) {
   this.isThirdInputFieldVisible = false;
 }
}