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