更改ng-bootstrap按钮activeClass？

Question

在AngularJs应用程序中，我们将按钮的activeClass（如切换组）更改为btn-default（来自默认的btn-primary），所以我们所有的CSS都期望这样做。

我注意到，ng-bootstrap也默认为btn-primary，但我看不到如何（或如果）可以更改。

是否可以更改activeClass，以便我的CSS对于新组件正确？

Answer 1

ng-bootstrap利用引导程序4.引导程序4包括six predefined button styles，每个服务都有自己的语义目的。但它不包括btn-default，但btn-secondary类可以实现相同的样式。

<div class="btn-group" data-toggle="buttons"> 
    <label class="btn btn-secondary" [class.active]="model.left"> 
    <input type="checkbox" [(ngModel)]="model.left"> Left (pre-checked) 
    </label> 
    <label class="btn btn-secondary" [class.active]="model.middle"> 
    <input type="checkbox" [(ngModel)]="model.middle"> Middle 
    </label> 
    <label class="btn btn-secondary" [class.active]="model.right"> 
    <input type="checkbox" [(ngModel)]="model.right"> Right 
    </label> 
</div> 

如果你还是喜欢使用btn-default那么你可以用该名称的类在组件的风格和使用它。

Answer 2

首先，你使用哪个版本的角？ 有纳克版本

之间相当差

NG-1angularjs.org - docs

<button ng-class="{'class1 class2 class3' : true}"> 
    it's a button 
</button> 

NG-2/4angular.io - docs

<button [ngClass]="{'class1 class2 class3' : true}"> 
    it's a button 
</button>