Désactiver les autres cases à cocher avec [désactivé] dans Angulaire 2

Je veux que les autres cases à cocher est désactivée lorsque on est sélectionné. Je le fais par

<span class="input-group-addon">
    <input type="checkbox" name="ssn" (change)="checkBox[0].checked=!checkBox[0].checked">
</span>

<span class="input-group-addon">
   <label>{{checkBox[0].label}}</label>
</span>

<input [(ngModel)]="ssn" type="password" name="ssnText" class="form-control" placeholder=" ">

J'ai 6 cases qui regarder comme ci-dessus. Cependant, je veux seulement être en mesure de sélectionner de 1 case et NON plusieurs comme il est en train de faire maintenant.

Dans mon composant:

ssn:string;
    userId:string;
    lastName:string;
    office:string;
    role:string;

checkIfOthersAreSelected:boolean

checkBox = [
    {label: 'SSN', name:'ssn', checked:false},
    {label: 'Last Name', name:'lastName', checked:false},
    {label: 'Role', name:'role', checked:false},
    {label: 'UserId', name:'userId', checked:false},
    {label: 'Office', name:'office', checked:false},
    {label: ' Include Subordinates', name:'subordinates', checked:false}
];

bouton en html

<button type="submit" (click)="search(checkBox)" class="btn btn-default btn-md left-button">Search</button>

searchMethod

 public search(checkboxArray) {

        let ssn = checkboxArray[0];
        let lastName=checkboxArray[1];
        let role=checkboxArray[2];
        let userId= checkboxArray[3];
        let office=checkboxArray[4];


        if(ssn.checked == true){
            console.log("What is checked: "+ssn.name+" input: "+this.ssn);
            this.user = this._searchService.getUserBySSN(this.ssn);
        }
        if(userId.checked == true){
            console.log("What is checked: "+userId.name+" input: "+this.userId);
            this.user = this._searchService.getUserById(this.userId);
        }
l'événement n'est pas booléenne. Essayez comme première ligne de votre checkSelected gestionnaire pour mettre la console.log(journal des événements). De cette façon, vous serez en mesure d'inspecter les propriétés de l'objet.
Ces cases à cocher réitéré dans ngFor ou?
aucune de ces ne sont pas en *ngFor j'ai mis à jour mon code.
J'ai mis à jour mon code. Toujours le même problème.
J'ai publié un bounty

OriginalL'auteur Drew1208 | 2017-02-17