angularjs NG-クラスで使用される文言、三元式、推定式のオブジェクト表現

ワン❀リード

NG-クラスangularjsスタイルが特に高い周波数の開発に使用されると言うことができ、これは、私は、結果が正しい言葉遣いを覚えていない可能性がどのように、怒りのスタイルを定義したり、それを再度整理する三項演算子NG-クラスの文言を使用したくありません、この資料の冒頭：

II❀共通言葉遣い

変数の1.ngクラスの使用

つまり、我々が得たクラス名に対応する、変数の値を変更したときにNGクラスの値は、変数でも変更することができますが、異なる効果を有する本実施例は、値によって決まる次の例では中国風のクラス名は、選択さまざまなオプションを選択し、例えば：

< SELECT 名前= "" ID = "" NG-モデル= "vm.style" > 
    < オプション値= "ブルー" >ブルー白</ オプション> 
    < オプション値= "赤" >赤白</ オプション> 
</ SELECT > 
< スパンNG-クラスは、= "vm.style" >風が風で聞く</ スパン>

我々は値NG-クラスとして複数の変数を持っている場合は、このように、配列の仕方によって、変数名をラップすることができます：

<スパンNG-クラス= "[vm.style、vm.size]">風が風</ span>のです聞きます

式の2.ngクラスの評価

これは、我々はNG-クラス名を識別した、非常に、非常に一般的ですが、変数になど、このクラスの発効かどうかを決定します：

< 入力タイプ= "チェックボックス" NGモデル= "vm.status" > 
< スパンNGクラス= "{赤：vm.status}" >听风是风</ スパン>

我々は複数のクラス名を制御する必要がある場合は、分割するためにカンマを使用

< スパンNGクラス= "{赤：vm.status、青：vm.value}" >風が風で聞く</ スパン>

3.ngクラス式のトリプレット（三項演算子）

より一般的に使用されるの文言は、我々は真と偽、スタイルAを使用して、真の可変状態を制御し、スタイルBを使用して偽であります：

< 入力タイプ= "チェックボックス" NGモデル= "vm.status" > 
< スパンNGクラス= "？vm.status '赤'： '青'" >听风是风</ スパン>

また、三元の効果をシミュレートするために式を評価するために使用することができます。

< 入力タイプ= "チェックボックス" NGモデル= "vm.status" > 
< スパンNGクラス= "{赤：vm.status、青：！vm.status}" >听风是风</ スパン>

4.ngクラスは、文言オブジェクト

使用される文言は、同様に直接コードに、異なるクラス変数に応じて決定される有効一般に、比較的まれです。

< 選択名"=" ID = "" NGモデル= "vm.status" > 
    < オプション値= "色青" >蓝色</ オプション> 
    < オプション値= "色赤" >红色</ オプション> 
</ 選択> 
< スパンNGクラス= "{色青： '青'色-赤色： '赤'} [vm.status]" >听风是风</ スパン>

もちろん、我々はまた、式のトリプレットの効果をシミュレート書かれたオブジェクトを使用することができます。

< 入力タイプ= "チェックボックス" NGモデル= "vm.status" > 
< スパンNGクラス= "{TRUE： '青'、偽： '赤'} [vm.status]" >听风是风</ スパン>

NG-クラス感と強いかつ柔軟な、日常の開発合理的な利用のNGクラスのスタイルは、例えば、私は、ユーザーのログインに機能を登録して、あなたは非常に便利な表現を可能にするには、利用NG-クラスは、パスワードの隠し効果を実装：

< 私のクラス= "目" NGクリック= "vm.showPwd（$イベント）" NG-クラス= "？vm.eyeStatus 'eyeOpen'： 'eyeClose'" > </ I >

だからここに私はあなたの助けを願って、この記事の最後です！

angularjs NG-クラスで使用される文言、三元式、推定式のオブジェクト表現

おすすめ