第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Angular - 檢查是否選擇了所有選項以啟用按鈕

Angular - 檢查是否選擇了所有選項以啟用按鈕

Smart貓小萌 2022-11-11 11:01:14
這是一個測驗應(yīng)用程序,在這種情況下,我的下一個按鈕將重定向到另一個頁面,默認情況下它是禁用的。如果我選擇它應(yīng)該啟用的所有選項。筆記:我選擇選項和選擇正確/錯誤的功能工作正常,我只是不知道在選擇每個選項時如何啟用。有什么幫助或建議嗎?工作演示:https ://stackblitz.com/edit/angular-ivy-5qtyxybuttonDisabled = true;<button class="btn-next" [disabled]="buttonDisabled">  Next</button>
查看完整描述

3 回答

?
炎炎設(shè)計

TA貢獻1808條經(jīng)驗 獲得超4個贊

我對此的看法是將其定義buttonDisabled為吸氣劑,然后評估每個問題的狀態(tài)是否允許導(dǎo)航到下一頁...

在我的實現(xiàn)中,用戶必須選擇類型 2 問題的所有答案,但只選擇類型 1 問題的一個答案。如果這不是您想要的,請在評論中說明,這對我來說是合乎邏輯的。我希望它已經(jīng)對你有所幫助。

任何問題?問一下。


查看完整回答
反對 回復(fù) 2022-11-11
?
慕容3067478

TA貢獻1773條經(jīng)驗 獲得超3個贊

你可以使用 Object.keys ,像這樣


App.component.html


<button class="btn-next" [disabled]="isDisabled()">

    Next

  </button>

app.component.ts


isDisabled(): boolean {

  return Object.keys(this.answerEvaluation).length !== Object.keys(this.practiceQuizData).length;

}


查看完整回答
反對 回復(fù) 2022-11-11
?
臨摹微笑

TA貢獻1982條經(jīng)驗 獲得超2個贊

答案將起作用,但您可以將其設(shè)為此處顯示的 Angular 方式:

https://angular.io/guide/forms-overview

有兩種方式:模板驅(qū)動或反應(yīng)式表單

然后您可以將禁用屬性綁定到表單有效屬性。

選擇最適合您需求的產(chǎn)品。希望它會有所幫助。



查看完整回答
反對 回復(fù) 2022-11-11
  • 3 回答
  • 0 關(guān)注
  • 102 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號