angular - 如何删除 ng-bootstrap 单选按钮中的选择指示器(点)

Question

这里是 ng bootstrap 提供的例子。

我将仅更改标签和值的相同代码复制到我的 Angular 项目中，并获得以下结果。

这是呈现的 HTML

<div _ngcontent-c1="" class="btn-group btn-group-toggle special ng-valid ng-dirty ng-touched" name="radioBasic" ngbradiogroup="" role="group" ng-reflect-name="radioBasic" ng-reflect-model="user1">
      <label _ngcontent-c1="" class="btn-primary btn active" ngbbuttonlabel="">
        <input _ngcontent-c1="" ngbbutton="" type="radio" value="user1" ng-reflect-value="user1" name="radioBasic">User1
      </label>
      <label _ngcontent-c1="" class="btn-primary btn" ngbbuttonlabel="">
        <input _ngcontent-c1="" ngbbutton="" type="radio" value="user2" ng-reflect-value="user2" name="radioBasic">User2
      </label>

    </div>

为什么我的结果与示例不同？如何删除选择点？

任何修复或指向文档的指针将不胜感激!

编辑:

这里是版本

Angular CLI:1.6.1

Angular :5.1.3

bootstrap@4.0.0-alpha.6

@ng-bootstrap/ng-bootstrap@1.0.0-beta.9

Answer 1

ng-bootstrap@1.0.0-beta.9 与 bootstrap@4.0.0-alpha.6 不完全兼容。

随着 bootstrap 4 beta 3 的发展和改变 radio 和复选框系统，ng-bootstrap 不再适用于以前的版本。

最好的解决方案是跳转到 bootstrap@4.0.0-beta.3。

如果你不能，你应该保留 ng-bootstrap@1.0.0-beta.8。