Angular：ng-style,ng-class的使用

1 <input type="button" value="set background" ng-click="myStyle={‘background-color‘:‘blue‘, color: ‘black‘}">
2 <span ng-style="myStyle">Sample Text</span>
3//$scope.myStyle={‘background-color‘:‘blue‘, color: ‘black‘};
4//ng-style="myStyle"

1 <span ng-repeat="s in steps track by $index">
2     <li ng-class="{false:‘ystep-step-done‘,true:‘ystep-step-active‘}[s.style]">{{s.name}}</li>
3 </span>
4//ng-class="{false:‘ystep-step-done‘,true:‘ystep-step-active‘}[s.style]"

<p ng-class="[style1, style2, style3]"></p>

<script>
$scope.style1="";//填写样式中定义好的名称
$scope.style2="";
$scope.style3="";
</script>

<p ng-class=“{className1:isShow1,className2:isShow2,className3:isShow3}"></p>
<script>
$scope.isShow1=true;
$scope.isShow2=true;
$scope.isShow3=false;
</script>

<div ng-class="{{myclass}}"></div>

<script>
$scope.myclass="myClassName"
</script>