簡體   English   中英

AngularJS(-物質)禁用ng的布爾麻煩

[英]AngularJS (-material) ng-disabled boolean trouble

我有個問題,

我有一個<md-datepicker> ,您可以在其中選擇日期。

我有一個選擇列表

<md-checkbox ng-disabled="!formName.something.stop || !formName.something.start" ng-init="formName.something.action=false"> Action <md-checkbox>

選擇日期后, <md-checkbox>可用。 所以我可以選擇它。 現在問題來了!

(在我的頁面上)

我選擇一個日期,然后選擇<md-checkbox> ,然后在<md-datepicker>上刪除該日期。 並按“發送”按鈕,布爾值仍然實現。

Object {start: undefined, stop: undefined, action: true, item: false, broadcast: false…}

有人知道禁用<md-checkbox>時的方法嗎,無論選擇是還是否,我都會得到錯誤的回復。 使用來自角度(材質)的東西。 還是最好的方法只是使用Java腳本?

如果不清楚我的意思,請問:)

感謝您已經閱讀此內容!

您已經具有確定何時啟用/禁用復選框的邏輯,因此為什么在發送表單時不重用該邏輯。

例如,在您的控制器中,您可能會有類似以下內容:

$scope.checkBoxDisabled = checkboxIsDisabled();

function checkboxIsDisabled () {
    return !formName.something.stop || !formName.something.start;
}

//Then, on form submit, just check again:
var formSubmitCheckDisabled = checkboxIsDisabled():

在您看來,只需引用您創建的變量即可:

<md-checkbox ng-disabled="checkBoxDisabled" ng-init="formName.something.action=false"> Action <md-checkbox>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM