クリックイベントは、ngbButtonを使用した角度4のブートストラップのinput type = "radio"では機能しません。

Question

<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> 

上記のコードでは、クリックが機能を読み込めず、（ngModelChange）と（変更）また動作しない

Answer 1

ボタンとしてラジオ入力を表示するようにブートストラップを要求すると、入力ボタンの上にラベルが表示されます。入力タグがラベルの後ろにあるので、クリックは決してそれに到達できません。代わりにラベルのclickイベントをキャッチする必要があります。

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