angularjs ng-class使用方法

angularjs 的class有三种用法

1:通过$scope绑定(不推荐)  2:通过对象数组绑定  3:通过key/value键值对绑定

一:通过$scope绑定

controller定义:

controller

html使用:

hello world

二:通过对象数组绑定

controller定义:

controller

html使用:

hello world

解释:当isSelected 为true时,增加selected样式;当isSelected为false时,增加unselected样式。

三:通过key/value键值对绑定

controller定义:

angularjs ng-class使用方法_第1张图片
controller

html使用:

hello world

解释:当isA为true时,增加classA样式;当isB为true时,增加classB样式;当isC为true时,增加classC样式。

四:说明

1、不推荐第一种方法,因为controller的 $scope应该只有数据和行为

2、ng-class是增加相关样式,可以和class同时使用

你可能感兴趣的:(angularjs ng-class使用方法)