我有 ractive forms angular 在我需要禁用第二個下拉選單，直到選擇第一個向下值。
.component.ts
public addNew() {
this.infoForm = this.formbuilder.group({
category:["", Validators.required],
action: ["", Validators.required],
});
}
.component.html
//first dropdown
<select id="category" class="form-control" formControlName="category" required (change) ="changeList($event.target.value)" >
<option>option1</option>
<option>option2</option>
<option>option3</option>
</select>
//second dropdown
<select id="action" class="form-control" formControlName="action" required>
<option>select1</option>
<option>select2</option>
<option>select3</option>
</select>
在上面我需要禁用下拉選單，直到選擇第一個下拉選單。我嘗試過禁用屬性但無法正常作業任何人都可以幫我解決這個問題
uj5u.com熱心網友回復：
試試這個：
<form [formGroup]="infoForm">
//first dropdown
<select id="category" class="form-control" formControlName="category" required>
<option></option>
<option value="1">option1</option>
<option value="2">option2</option>
<option value="3">option3</option>
</select>
//second dropdown
<select id="action" class="form-control" formControlName="action" required [attr.disabled]="(category.value) ? null : true">
<option value="1">select1</option>
<option value="2">select2</option>
<option value="3">select3</option>
</select>
</form>
我添加了更多的 get 函式來做一個簡短的.ts檔案
get category(): FormControl {
return this.infoForm.get('category');
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/477807.html