2
<div class="btn-group" ngbRadioGroup name="radioBasic"[(ngModel)]="model"> 
    <label ngbButtonLabel class="btn-primary"> 
     <input ngbButton type="radio" (click)="event1()" /> Birthday 
    </label> 
    <label ngbButtonLabel class="btn-primary"> 
     <input ngbButton type="radio" (click)="event2()" /> Birthday & Anniversary 
    </label> 
    <label ngbButtonLabel class="btn-primary"> 
     <input ngbButton type="radio" (click)="event3()"/> Anniversary 
    </label> 
</div> 

으로 각 4 부트 스트랩에 = 입력 유형 "라디오"작동하지 않는, 나 또한 (ngModelChange) 및 (변경) 그들이 함께 노력 또한 작동하지 않습니다.클릭 이벤트는 클릭이 제 기능을로드 할 수 없습니다 위의 코드에서 ngbButton

답변

1

라디오 입력을 버튼으로 표시하도록 부트 스트랩에 요청하면 입력 버튼 맨 위에 레이블이 표시됩니다. 입력 태그가 레이블 뒤에 있기 때문에 클릭에 도달 할 수 없습니다. 대신 라벨에서 click 이벤트를 catch해야합니다.

<label ngbButtonLabel (click)="event1()" class="btn-primary"> 
    <input ngbButton type="radio" /> Birthday 
</label>