AngularJS中ng-class使用方法

最新推荐文章于 2019-07-06 09:59:55 发布

转载最新推荐文章于 2019-07-06 09:59:55 发布 · 75 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chaixiaoxia/p/8330134.html

本文介绍了在Angular中通过三种不同方式实现样式绑定的方法：通过$scope绑定（不推荐）、通过对象数组绑定以及通过key/value键值对绑定。每种方法都有详细的示例代码，帮助开发者更好地理解和应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有三种方法： 1、通过$scope绑定（不推荐） 2、通过对象数组绑定 3、通过key/value键值对绑定实现方法： 1、通过$scope绑定（不推荐）： function ctrl($scope) { $scope.className = "selected"; }

2、通过对象数组绑定： function ctrl($scope) { $scope.isSelected = true; }

当isSelected为true时，增加selected样式；当isSelected为false时，增加unselected样式。 3、通过key/value键值对绑定： function ctrl($scope) { $scope.isA = true; $scope.isB = false; $scope.isC = false; }

当isA为true时，增加A样式；当isB为true时，增加B样式；当isC为true时，增加C样式。 {{project.title}} 根据projects循环创建ion-item，当activeProject为当前循环到的project时，增加active样式。几点说明： 1、不推荐第一种方法，因为controller $scope应该只有数据和行为 2、ng-class是增加相关样式，可以和class同时使用

转载于:https://www.cnblogs.com/chaixiaoxia/p/8330134.html