AngularJS ng-class 指令

定义和用法

ng-class 指令用于动态地将一个或多个 CSS 类绑定到 HTML 元素。

ng-class 指令的值可以是字符串、对象或数组。

如果它是字符串，它应该包含一个或多个以空格分隔的类名。

ບ່ອນໄວ້ເປັນບັນດາຄວາມຄຸນສົມບັດພາຍໃນບັນດາຄວາມຄຸນສົມບັດເລື່ອງວ່າຄຳໜຶ່ງທີ່ທ່ານຕ້ອງເພີ່ມເອົາຊະນະບັນດາຊະນະຄະດີຄັນດັງຂອງທ່ານແລະຄວາມຄຸນສົມບັດຈະແມ່ນຄວາມພະຍາຍາມພາຍໃນບັນດາຄວາມຄຸນສົມບັດພາຍໃນບັນດາຄວາມຄຸນສົມບັດພາຍໃນບັນດາຄວາມຄຸນສົມບັດທີ່ທ່ານເພີ່ມເອົາໄວ້. ພຽງແຕ່ເວລາທີ່ຄວາມຄຸນສົມບັດຈະແມ່ນ true ທີ່ຈະເພີ່ມຊະນະຄະດີຄັນດັງຂອງທ່ານ.

ເປັນຄວາມທີ່ສາມາດເປັນການປະສົມສອງອັນ. ແຕ່ລະປະກອບຂອງຄວາມທີ່ສາມາດເປັນຄຳສັ່ງທີ່ອະທິບາຍຂອງພາຍໃນຫຼືອັນເປັນອາງນະພາບ.

ກໍານົດຄວາມກະຈາຍ

ປ່ຽນການຈັດນະໂຍບາຍຄວາມກະຈາຍຂອງ ປ້ອງ <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>

ທົດລອງດີຕະຫຼອດ!

ວິທິການ

<element ng-class="expression</element>

ທຸກສະໜັບສະໜູນ HTML.

ປະເພດ