我有一個螢屏，用戶可以在其中從幾個表中選擇不同的選項，但他們必須至少選擇 3 個才能繼續，但我完全不知道如何實作這個或真正要搜索什么為了研究它。
到目前為止，我的組件中有一個值陣列：
values = ["Option 1", "Option 2", "Option 3", "Option 4", "Option 5", "Option 6","Option 7","Option 8","Option 9", "Option 10","Option 11","Option 12",]
（注意：這些將在稍后更改為 API 呼叫，但現在可以使用假資料）
并且這些顯示在螢屏上，可以很好地選擇和取消選擇，但是我現在只想將其限制為 3 個選擇，并在 3 個選擇上啟用下一個按鈕
選擇按鈕上的當前代碼
<div *ngFor="let value of values">
<button class= "selection_btn text-center" #btn (click)="btn.classList.toggle('selected')">{{value}}</button>
</div>
下一個按鈕：
next(){
this.router.navigate([`${appRoutesNames.PAGE_2}`]).then();
}
請注意，我的檔案中的路線名稱不同，這只是一個占位符
uj5u.com熱心網友回復：
這就是表單控制元件的目的。
您可以稍微修改一下以滿足您的需求：
control = new FormControl([], [
Validators.minLength(3),
Validators.maxLength(3),
Validators.required
])
<button
#btn
class= "selection_btn text-center"
(click)="control.setValue(control.value.concat([value]))"
>{{value}}</button>
然后您可以檢查條件
<button [disabled]="!control.valid" [routerLink]="['page2']">Next page</button>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/462676.html