本文主要介绍AngularJS ng-class 指令,这里帮大家整理了ng-class资料和示例代码,学习AngularJS指令的同学可以参考下
AngularJS ng-class 指令
AngularJS 实例
修改
元素的类:
.sky { color:white; background-color:lightblue; padding:20px; font-family:"Courier New"; } .tomato { background-color:coral; padding:40px; font-family:Verdana; } <p>选择一个类:</p> 天空色番茄色<div> <h1>Welcome Home!</h1><p>I like it!</p></div>
定义和用法
ng-class 指令用于给 HTML 元素动态绑定一个或多个来源gaodai$ma#com搞$$代**码网 CSS 类。
ng-class 指令的值可以是字符串，对象，或一个数组。
如果是字符串，多个类名使用空格分隔。
如果是对象，需要使用 key-value 对，key 是一个布尔值，value 为你想要添加的类名。只有在 key 为 true 时类才会被添加。
如果是数组，可以由字符串或对象组合组成，数组的元素可以是字符串或对象。
语法
所有的 HTML 元素都支持。
参数值
| 值 | 描述 |
|---|---|
| expression | 表达式返回一个或多个类名。 |
以上就是对AngularJS ng-class 指令资料的整理，有需要的朋友参考下。
以上就是AngularJS入门教程之ng-class 指令用法的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：AngularJS入门教程之ng-class 指令用法
转载请注明原文链接：AngularJS入门教程之ng-class 指令用法
