菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

AngularJS ng-class 指令


示例

改变 <div> 元素的类

<select ng-model="home">
    <option value="sky">天空</option>
    <option value="tomato">番茄</option>
</select>

<div ng-class="home">
    <h1>欢迎回家!</h1>
    <p>我喜欢它!</p>
</div>
自己动手试一试 »

定义和用法

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

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

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

如果它是一个对象,它应该包含键值对,其中键是要添加的类名,值是一个布尔值。只有当值为 true 时才会添加该类。

如果它是一个数组,它可以是两者的组合。每个数组元素可以是一个字符串或一个对象,如上所述。


语法

<元素 ng-class="表达式"></元素>

所有 HTML 元素均支持。


参数值

描述
expression 返回一个或多个类名的表达式。

×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持