更改ng-bootstrap按钮activeClass？

Question

在AngularJs应用程序中，我们将按钮的activeClass （如切换组中）更改为btn-default （从默认的btn-primary ），因此我们所有的CSS都希望如此。

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

我可以更改activeClass以便我的CSS与新组件正确吗？

Answer 1

ng-bootstrap利用bootstrap4。Bootstrap 4包含六种预定义的按钮样式 ，每种样式都有其自己的语义目的。 但是它不包含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

首先，您使用的是哪个版本的angular？ ng版本之间存在很大差异

ng-1 angularjs.org-文档

<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>