AngularJS HTML DOM

AngularJS က အောက်ပါ အမိန့် ကို အောက်ပါ အခြေအနေ ပေါ်တွင် လျက်

ng-disabled အမိန့်

ng-disabled HTML အရာ၏ disabled အခြေအနေ ပေါ်တွင် အောက်ပါ အောင်ပွားရေး အခြေအနေ ကို လျက်

AngularJS အကြောင်းကို

<div ng-app="" ng-init="mySwitch=true">
<p>
<button ng-disabled="mySwitch">ကျွန်တော် စိတ်ပေးပါ！</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitch">Button
</p>
<p>
{{ mySwitch }}
</p>

亲自试一试

အသုံးပြုခြင်းဖော်ပြချက်：

ng-disabled အောက်ပါ အမိန့် ကို mySwitch HTML စိတ်ပုံ အရာ၏ disabled အခြေအနေပေါ် လျက်

ng-model HTML ချွတ်ချက် အရာ၏ အသုံးပြုသည် ကို mySwitch အရာ၏ အသုံးပြုသည် ပေါ်တွင်

အခါ mySwitch အရာ၏ အသုံးပြုသည် trueအားလုံး ပိတ်ပေးလာမည့်အတွက်：

<p>
<button disabled>ကျွန်တော် စိတ်ပေးပါ！</button>
</p>

အခါ mySwitch အရာ၏ အသုံးပြုသည် falseအားလုံး မပိတ်ပေးဘဲဖြစ်လာမည့်အတွက်：

<p>
<button>ကျွန်တော် စိတ်ပေးပါ！</button>
</p>

ng-show အမိန့်

ng-show HTML အရာကို ပြသပါမည် သို့မဟုတ် ဖုံးကွယ်ပါမည်。

AngularJS အကြောင်းကို

  
<p ng-show="true">ကျွန်တော် မင်းပြုလုပ်နိုင်သည်。</p>  

我是不可见的。

亲自试一试

ng-show 指令根据 ng-show 的值显示（或隐藏）HTML 元素。

您可以使用任何评估为真或假的表达式：

AngularJS အကြောင်းကို



I am visible.

亲自试一试

在下一章中，将提供更多示例，说明如何使用按钮单击来隐藏 HTML 元素。

ng-hide 指令

ng-hide 指令隐藏或显示 HTML 元素。

AngularJS အကြောင်းကို

  

我是不可见的。
  

我是可见的。

亲自试一试