角度2の複数の三項演算子の無効ボタン

ここで何か問題が発生している可能性がありますが、この問題を解決できませんでした。角度2の複数の三項演算子の無効ボタン

私はplunkerコードの下にこれにコードの下にコピーします**フォーム

<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

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

のように二つの形式検証でボタンを無効にしようと持っています実行して確認する https://plnkr.co/edit/JQjLMJiohgOJ8Mf6xbgP?p=preview

出典

2017-12-03 Ravidas Shiudkar

フォームが無効な場合、ボタンを無効にします。 dailyFormが有効でないかmonthlyFormが有効でない場合

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

出典

2017-12-03 09:03:11 nightElf91

はい、でもフォームが表示されます/ dailyFlagやmonthlyFlagのようなフラグに基づいて隠されています。だから私は上記の条件を入れれば、それは両方のフォームの検証のための必須のチェックです –

[hidden] = "！dailyForm"を使用 – nightElf91

は、この条件は

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

EDIT訂正誤字を動作するはず真の無効

出典

2017-12-03 09:15:59 Turo

いいえ、それは動作しません –

申し訳ありません、それはテストする前にそれらを修正しましたか？ – Turo

ああ、セットアップでエラーが見つかりました： 'dailyFlag：true; monthlyFlag：true; 'はdailyFlag = trueでなければなりません。 monthlyFlag = true; ' – Turo

角度2の複数の三項演算子の無効ボタン

答えて

関連する問題