AngularJS ng-class
ညွှန်ကြားချက်
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ အတန်းအစားကို ပြောင်းပါ-
<select ng-model="home">
<option
value="sky">Sky</option>
<option
value="tomato">Tomato</option>
</select>
<div ng-class="home">
<h1>Welcome Home!</h1>
<p>I like it!</p>
</div>
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ng-class
ညွှန်ကြားချက်သည် တစ်ခု သို့မဟုတ် တစ်ခုထက်ပိုသော CSS အတန်းများကို HTML ဒြပ်စင်တစ်ခုသို့ ဒိုင်းနမစ်ဖြင့် ချိတ်ဆက်ထားသည် ။
လမ်းညွှန်ချက် ၏တန်ဖိုးသည် ng-class
စာကြောင်းတစ်ကြောင်း၊ အရာဝတ္ထုတစ်ခု သို့မဟုတ် အခင်းအကျင်းတစ်ခု ဖြစ်နိုင်သည်။
၎င်းသည် စာကြောင်းတစ်ကြောင်းဖြစ်ပါက၊ ၎င်းတွင် တစ်ခု သို့မဟုတ် တစ်ခုထက်ပိုသော၊ space ခြားထားသော အတန်းအမည်များ ပါဝင်သင့်သည်။
အရာဝတ္ထုတစ်ခုအနေဖြင့်၊ ၎င်းတွင် သော့တန်ဖိုးအတွဲများပါရှိသင့်သည်၊ သော့သည် သင်ထည့်လိုသောအတန်း၏အတန်းအမည်ဖြစ်ပြီး တန်ဖိုးသည် ဘူလီယံတန်ဖိုးဖြစ်သည်။ တန်ဖိုးကို အမှန်ဟု သတ်မှတ်မှသာ အတန်းကို ပေါင်းထည့်ပါမည်။
array တစ်ခုအနေဖြင့်၊ ၎င်းသည် နှစ်ခုလုံးကို ပေါင်းစပ်နိုင်သည်။ array element တစ်ခုစီသည် အထက်တွင်ဖော်ပြထားသည့်အတိုင်း string သို့မဟုတ် object တစ်ခု ဖြစ်နိုင်သည်။
အထားအသို
<element ng-class="expression"></element>
HTML ဒြပ်စင်များအားလုံးမှပံ့ပိုးထားသည်။
ကန့်သတ်တန်ဖိုးများ
Value | Description |
---|---|
expression | An expression that returns one or more class names. |