我想根据表单的下拉列表中的选定值显示表单字段。
例如,如果在下拉列表中选择的元素是“第一个”,我希望表格不更改。
另一方面,如果我在下拉列表中选择元素“ two”,则希望它显示输入“ appears”
这是我目前的代码
HTML:
<div class="div-champs">
<p id="champs">Type
<span id="required">*</span>
</p>
<div class="select-style ">
<select [(ngModel)]="selectedOption" name="type" >
<option style="display:none">
<option *ngFor="let o of options">
{{o.name}}
</option>
</select>
</div>
</div>
<p id="champs">Appears
<input type="appears" class="form-control" name="appears" formControlName="appears">
</p>
打字稿:
...
private selectedOption: string;
options = [
{ name: "first", value: 1 },
{ name: "two", value: 2 }
]
...
预先感谢您的帮助。
美好的一天,
问候,
瓦伦丁
最佳答案
您可以将if
条件设置为-
<p id="champs" *ngIf="selectedOption == 'two'">Appears
<input type="appears" class="form-control" name="appears" formControlName="appears">
</p>
html
<select [(ngModel)]="selectedOption" name="type" >
<option style="display:none">
<option [value]="o.name" *ngFor="let o of options">
{{o.name}}
</option>
</select>
工作副本在这里-https://stackblitz.com/edit/angular-fqkfyx
注意:您似乎对Angular还是陌生的,我鼓励您逐步学习Angular教程。从长远来看,Stackoverflow将无济于事。
关于javascript - 根据下拉列表中的选定值显示表单字段Angular TypeScript,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/53303020/