如何删除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。

Answer 2

  

为什么我的结果与示例不同？

我认为此行为的原因是Bootstrap和ng-bootstrap之间存在冲突。

您可能在同一页面上同时使用它们，当Bootstrap库看到类型为＆＃39; radio＆＃39;的input元素时，它会生成这些选择点。

  

如何删除选择点？

使用任何CSS选择器访问广播input元素，然后将其display属性更改为none，如：

input {
  display: none;
}

这将从页面中删除这些选择点。

Answer 3

升级到bootstrap@4.0.0-beta.3以使用@ng-bootstrap/ng-bootstrap@1.0.0-beta.9。

如果您被bootstrap@4.0.0-beta.2（angular-cli issue）锁定，则可以降级为@ng-bootstrap/ng-bootstrap@1.0.0-beta.8。但请注意，实时ng-bootstrap文档显示的是最新版本，而btn-group-toggle类以前是不必要的1.0.0-beta.8。

工作demo