ng bootstrap单选按钮显示传统的无线电

时间:2018-02-07 18:26:52

标签: javascript angular twitter-bootstrap ng-bootstrap

我目前正在使用带有角度cli的ng bootstrap ...我目前遇到的唯一问题是当我使用单选按钮/复选框时...它显示传统的无线电和复选框

例如......

enter image description here

app.module.ts(主要模块)

yes | ./script.bash

HTML:

import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

@NgModule({
  imports: [
    BrowserModule,
    RouterModule.forRoot(ROUTES),
    NgbModule.forRoot(),
    FormsModule,
    ReactiveFormsModule
  ]
  .....
})

成分:

<div class="btn-group btn-group-toggle" ngbRadioGroup name="radioBasic" [(ngModel)]="model">
    <label ngbButtonLabel class="btn-primary">
        <input ngbButton type="radio" [value]="left"> Left 
    </label>
    <label ngbButtonLabel class="btn-primary">
        <input ngbButton type="radio" value="middle"> Middle
    </label>
    <label ngbButtonLabel class="btn-primary">
        <input ngbButton type="radio" [value]="right"> Right
    </label>
    </div>

关于如何使按钮可点击并删除传统无线电/盒的任何想法?

0 个答案:

没有答案