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

Question

以下是ng bootstrap提供的示例.

我只使用标签和值更改将相同的代码复制到我的角度项目中,并获得以下结果.

这是呈现的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-引导/ NG-引导@ 1.0.0 beta.9

Answer 1

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

随着bootstrap 4 beta 3的发展和更改收音机和复选框系统,ng-bootstrap不再适用于以前的版本.

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

如果你做不到,你应该保留ng-bootstrap@1.0.0-beta.8.