function TodoCtrl($scope) {
  $scope.bool = true;
}

.style1 {
  color: #f31313;
}

.style2 {
  background-color: #baeae6;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <div ng-controller="TodoCtrl">
    <div ng-class="{'style1 style2' : bool, style1 : !bool}">
      Hello World!
    </div>
  </div>
</div>

如果我没理解错的话

<div ng-if="thisistrue" ng-class="style1">
  blah
</div>
<div ng-if="otheristrue" ng-class="[style2,style3]">
  blah
</div>

字符串

您可以按以下步骤操作：
根据您提供的描述：无论bool变量返回的值如何，style1总是应用（不知道为什么命名变量bool总是使用像Isstyle2Applied这样有意义的名称）

• 只需使用class属性应用style1。
• 根据您的情况使用ng-class作为style2。
• 当条件为true时，两个类都将应用于所需的HTML element

function TodoCtrl($scope) {
  $scope.bool = true;
  $scope.bool2 = false;
}

.style1 {
  color: #f31313;
}

.style2 {
  background-color: #baeae6;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <div ng-controller="TodoCtrl">
    <div class='style1' ng-class="{'style2' : bool}">
      Hello World!
    </div>
    <br>
    <div class='style1' ng-class="{'style2' : bool2}">
      Hello World!
    </div>
  </div>
</div>

@anu的回答很好。但是对于你给出的条件;“if（bool）then the style 1 & sytle 2 applied else style 1 is applied.”
style 1更改文本颜色style 2更改背景颜色
因此，如果boolean = true，则应用文本和背景，如果false，则仅应用文本颜色。

function TodoCtrl($scope) {
  $scope.bool = true;
}

.style1 {
  color: #f31313;
}

.style2 {
  background-color: #baeae6;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <div ng-controller="TodoCtrl">
    <div ng-class="{'style1 style2' : bool, style1 : !bool}">
      Hello World!
    </div>
  </div>
</div>

享受学习'Angular'：）