Javascript 在angular js中将类动态添加到div

我有一个像这样的潜水艇

<div ng-model="star"></div>

但是，我犯了一个错误。我是新手。请帮帮我…

试试这个：

<div ng-class="{ active: star == 'yes', 'in-active': star == 'no' }" ng-bind="star"></div>

---

使用变量控制类

<div ng-class="customClass"></div>

因此，您可以使用if-else来更改类名

if (something) {
    $scope.customClass = 'active custom-class1';
} else {
    $scope.customClass = 'deactive custom-class2';
}

---

如果您想动态访问change类，则可以在控制器中的star变量上放置手表，如下所示：

$.watch('star',function(newVal, oldVal){ 
  // put your code to here based on new value and old value
  // you can add class to your div like :
  // angular.element("div[ng-bind='star']").addClass('active');
});

---

谢谢你的回答。但我想在控制器中动态添加类。不是在html中。

$scope.customClass = 'active custom-class1';

if (something) {
    $scope.customClass = 'active custom-class1';
} else {
    $scope.customClass = 'deactive custom-class2';
}

$.watch('star',function(newVal, oldVal){ 
  // put your code to here based on new value and old value
  // you can add class to your div like :
  // angular.element("div[ng-bind='star']").addClass('active');
});