这篇文章主要介绍了AngularJS使用ng-class动态增减class样式的方法,结合具体实例形式分析了ng-class操作页面class样式的相关技巧,需要的朋友可以参考下
本文实例讲述了AngularJS使用ng-class动态增减class样式的方法。分享给大家供大家参考,具体如下:
使用ng-class
可以实现动态地增减样式:
<title></title> .strike { text-decoration: line-through; } .bold { font-weight: bold; } .red { color: red; } <div> <p>通过映射的方式</p>添加strike样式<br>添加bold样式<br>添加错误样式 <hr><p>使用字符串的方式</p><hr><p>使用数组的方式</p><br><br><br><hr /></div>
更多关于AngularJS相关内容感兴趣的读者可查看本站专题:《AngularJS指令操来源gao@!dai!ma.com搞$$代^@码网作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。
以上就是AngularJS使用ng-class动态增减class样式的方法示例的详细内容,更多请关注gaodaima搞代码网其它相关文章!