在 AngularJs 应用程序中，我们将按钮的 activeClass（如切换组）更改为 btn-default（从默认的 btn-primary），所以我们所有的 CSS 都希望这样做。
我注意到 ng-bootstrap 也默认为btn-primary，但我不知道如何（或如果）可以更改。
我是否可以更改 activeClass 以便我的 CSS 与新组件正确？
【问题讨论】：
标签： css angular ng-bootstrap
ng-bootstrap 使用 bootstrap 4。Bootstrap 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，那么您可以在组件样式中创建一个具有该名称的类并使用它。
【讨论】：
首先，您使用的是哪个版本的 Angular？ ng版本之间有很大差异
ng-1 angularjs.org - docs
<button ng-class="{'class1 class2 class3' : true}">
it's a button
</button>
ng-2/4 angular.io - docs
<button [ngClass]="{'class1 class2 class3' : true}">
it's a button
</button>
【讨论】：