AngularJS使用ng-class动态增减class样式的方法示例

本文实例讲述了AngularJS使用ng-class动态增减class样式的方法。分享给大家供大家参考，具体如下：

使用ng-class可以实现动态地增减样式：

rush:js;"> <Meta charset="UTF-8">

Box" ng-model="deleted">添加strike样式
Box" ng-model="important">添加bold样式
Box" ng-model="error">添加错误样式

<p ng-class="style">使用字符串的方式

<input type="text" ng-model="style" placeholder="输入 bold、 strike 或 red">

<p ng-class="[style1,style2,style3]">使用数组的方式

<input ng-model="style1" placeholder="输入: bold,strike 或 red">

<input ng-model="style2" placeholder="输入: bold,strike 或 red">

<input ng-model="style3" placeholder="输入: bold,strike 或 red">

---

更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《》、《》及《》

希望本文所述对大家AngularJS程序设计有所帮助。

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。