Question

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

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

我是否可以更改activeClass，以便我的CSS与新组件一致？

Answer 1

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，那么您可以在组件样式中创建具有该名称的类并使用它。

Answer 2

首先，您使用的是哪个角度？ 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>

更改ng-bootstrap按钮activeClass？

2 个答案: