Angularjs 在ng click函数上添加活动类

我有两个按钮，我只想添加一个类时，按钮已点击

       <button class="panel-btn" 
        ui-sref="basechat" 
        ng-click="setBaseChat()" id="base-chat-btn">Base Chat</button>
        <button class="panel-btn" 
        ui-sref="banner" 
        ng-click="setBannerChat()" 
        id="banner-chat-btn">Banner</button>

基本聊天
横幅

ng click上的函数返回一个
true
值

希望你们能帮助我，我仍然不太了解
ng类
是如何工作的
如果您想在单击按钮时添加类，可以执行以下操作：

<button ng-class="{someClass: someTruthyValue}" ng-click="someFunction()">

这里的

此外，正如您在其他答案中所看到的，使用
ng class
的方法不止一种，但是我喜欢我的解决方案，因为它允许您选择链接其他按钮以反转类更改：

<button ng-click="someReverseFunction()">

如果要在单击按钮时向按钮添加类，可以执行以下操作：

<button ng-class="{someClass: someTruthyValue}" ng-click="someFunction()">

这里的

此外，正如您在其他答案中所看到的，使用
ng class
的方法不止一种，但是我喜欢我的解决方案，因为它允许您选择链接其他按钮以反转类更改：

<button ng-click="someReverseFunction()">

举个简单的例子，您可以：

$scope.bannerClass = "baseClass"; // baseClass defined in your CSS

$scope.setBannerChat = function() {
    $scope.bannerClass = "myClass"; // myClass defined in your CSS
    // or $scope.bannerClass = "baseClass myClass";
}

然后：

<div ng-class="bannerClass">Hello</div>
<button ng-click=setBannerChat()></button>

你好

作为一个简单的例子，您可以：

$scope.bannerClass = "baseClass"; // baseClass defined in your CSS

$scope.setBannerChat = function() {
    $scope.bannerClass = "myClass"; // myClass defined in your CSS
    // or $scope.bannerClass = "baseClass myClass";
}

然后：

<div ng-class="bannerClass">Hello</div>
<button ng-click=setBannerChat()></button>

你好

---

您可以在控制器中执行此操作：

 $scope.clickFucntion = function(){
     $scope.myClass = 'my-class';
 }

在你看来：

 <button class="{{myClass}}" ng-click="clickFucntion()">

---

您可以在控制器中执行此操作：

 $scope.clickFucntion = function(){
     $scope.myClass = 'my-class';
 }

在你看来：

 <button class="{{myClass}}" ng-click="clickFucntion()">

非常感谢，这让我很好地了解了它的工作原理以及如何改进代码！非常感谢，这让我对它的工作原理以及如何改进代码有了一个很好的了解！