繁体   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