HTML DOM

AngularJS ສະແນນຄຳສັ່ງສະແດງຄວາມມູນຄ່າຂອຍຫຼາຍກວ່າ

ng-disabled

ng-disabled ຄຳສັ່ງສະແດງ HTML ຄຣີກບັນທຶກຄວາມມູນຄ່າຂອຍຫຼາຍກວ່າ

ການນຳໃຊ້ ການຈັດຕັ້ງ 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 ຄຳສັ່ງສະແດງ HTML 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

  

我是不可见的。
  

我是可见的。

亲自试一试