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

  • Z时代
  • 2024-01-10
  • 分类：问答

我可能在这里做错了什么，但无法解决此问题。Angular 2中多个三元运算符上的禁用按钮

我试图用两种形式验证 禁用按钮像

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

回答：

如果表单无效，将禁用该按钮。如果dailyForm无效或monthlyForm无效

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

//禁用真正

回答：

这个条件应该工作

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

编辑纠正错别字

以上是 Angular 2中多个三元运算符上的禁用按钮 的全部内容， 来源链接： utcz.com/qa/260135.html

回到顶部