Ereignisse nicht auslösen innerhalb von Checkboxen in Angular2

Ich habe alles versucht, ich kann mir denken, um Ereignisse ausgelöst, wenn eine checkbox den Status wechselt, aber ich kann nicht scheinen, um es funktioniert.

Hier ist der html -

<div *ngIf="role?.ACTIVE_FLAG === 'Y'">
   <div class="label"> Active Record </div>
      <input type="checkbox" (click)="toggleRoleActive()" checked>
</div>
<div *ngIf="role?.ACTIVE_FLAG === 'N'">
   <div class="label"> Active Record </div>
      <input type="checkbox" (click)="toggleRoleActive()">
</div>

Hier ist toggleRoleActive()
Edit:

toggleRoleActive(){
    if(this.role_submit.ACTIVE_FLAG === 'Y'){
        this.role_submit.ACTIVE_FLAG = 'N';
    }else {
        this.role_submit.ACTIVE_FLAG = 'Y';
    }
}

Eine der Herausforderungen, die ich konfrontiert bin, ist die Taste muss entweder aktiviert oder nicht aktiviert, wenn ich Daten vom server. Aber wenn Sie möchten, deaktivieren oder reaktivieren Sie die Rolle, die ich möchte es zu reagieren, um die checkbox.

Habe ich versucht, mit [(ngModel)], (change) und viel einfachere Lösungen, aber die einzige Sache, die ausgelöst wird, werden alle Ereignisse an alle ist [(ngModel)], aber es zu tun, so dass ich am Ende mit true/false statt 'Y'/'N'. Auch wenn ich [(ngModel)] die checkbox ist immer markiert, unabhängig davon, was die Daten auf meinem server sendet.

InformationsquelleAutor Morgan G | 2016-02-07