Question

我可能在这里做错了，但无法解决这个问题。

我正在尝试禁用具有两个表单验证的按钮喜欢

this.dailyFlag = true;
this.monthlyFlag = false;

并有表格

<form (submit)='pushData()' #dailyForm="ngForm">...</form>  
<form (submit)='pushData()' #monthlyForm="ngForm">...</form>  
<button disabled='--- saveral condition as below--' >

If (dailyFlag && monthlyFlg) then check both forms sholud be valid 
else
if(daliFlag) then checkFor dailyForm valid only  else false
if(monthlyFlag) then check For monthlyForm valid only else false

**将以下代码复制到下面的plunker代码中以执行和检查 https://plnkr.co/edit/JQjLMJiohgOJ8Mf6xbgP?p=preview

Answer 1

如果表单无效，则会禁用该按钮。

[disabled] = "!dailyForm.valid || !monthlyForm.valid"

//如果dailyForm无效或者monthForm无效，则禁用true

Answer 2

此条件应该有效

[disabled] ="(!dailyForm.valid && dailyFlag) || (!monthlyForm.valid && monthlyFlag)"

编辑纠正错别字

Angular 2中多个三元运算符上的禁用按钮

2 个答案: