以下の方法で条件に基づいてコンポーネントのスタイルを設定しようとしています。角度コンポーネントの条件付きスタイリング
<div class="col-md-3 d-flex justify-content-center align-items-center" ng-style ="{ ' background-color' : (vars.state=='Signup')? '#73c7af' : '#ffffff' }">
と私のvars.state = Signup。だから、この部門のこの背景によれば＃73c7afでなければならないが、まだ白い。誰が私が間違っているのか教えていただけますか？
ng-styleはAngularJSの構文です。角2+の場合は、[ngStyle]=""の構文を使用します。
<div class="col-md-3 d-flex justify-content-center align-items-center" [ngStyle]="{ 'background-color' : (vars.state=='Signup')? '#73c7af' : '#ffffff' }">
'background-color'の前に末尾のスペースを削除すれば、あなたの解決策はうまくいくはずです。ありがとう@Faisal。 – Faisal
私の答えを更新しました。 –
任意の条件付きスタイルプロパティを設定するには、style.propertyNameを使用できます。
<div class="col-md-3 d-flex justify-content-center align-items-center" [style.background]="someFunction()">
これらはすべて= { 状態： '' } VARSをvarsのあるVARS – Sreemat
のコンテンツを投稿します。 signupData = { 名： ''、 メール： ''、 father_husband： ''、 アドレス： ''、CNIC ''、 cnincpath： '' }。 signatureData = { 名： ''、 signatureurl： '' } 検証= { コード：{ digit1： ''、 digit2： ''、 digit3： ''、 digit4： ''、 }、 見出し： ''、 メッセージ：{ トップ： ''、 下： '' }、 ボタン： '' } そして、私は状態を設定しています '次のコンストラクタで申し込み'。 –
角度の構文は '[ngStyle] =" ... "' –