change ngModel value with checkbox

Question

good day .. I have this code and I need to send the role..but when I select the checkbox the ngModel changes to True or False and it is what is sent to the DB..How can I solve it?

<mdl-checkbox class="mdl-textfield--full-width" *ngFor="let role of roles; let i = index"
[(ngModel)]="user.roles[i] " name="ckb{{i}}">
{{role.name}}
</mdl-checkbox>

What is `roles`? Is a role an object, or just a string? – Daniel Oct 25 '17 at 18:42 — Daniel, Oct 25 '17 at 18:42
is an object..{ "id": 3, "name": "ROLE_USER" } for exmple – Mauricio Soto Oct 25 '17 at 18:47 — Mauricio Soto, Oct 25 '17 at 18:47

score 0 · Answer 1 · answered Oct 25 '17 at 18:48

Hard to say with only template. But it might be that you are overwriting the data if you are sending user, since you are using [(ngModel)]="user.roles[i]" on your checkbox, you are altering that value by clicking on the checkbox. You can create an item on the roles array by doing role.isChecked. Then you can store the checked state.

score 0 · Answer 2 · answered Oct 25 '17 at 18:52

0

I would suggest altering your object.

public class Role {
    id: number;
    name: string;
    enabled: boolean;
}

<mdl-checkbox class="mdl-textfield--full-width" *ngFor="let role of roles; let i = index" [(ngModel)]="user.roles[i].Enabled" name="ckb{{i}}">
    {{role.name}}
</mdl-checkbox>

answered Oct 25 '17 at 18:52

Daniel

533
4
13

I have some problems I think it's because 'roles' is an object inside a model.ts called users import {Role} from '../roles/role.model'; export class User { id: string; username: string; password: string; name: string; lastNameF: string; lastNameM: string; phone: string; officePhone: string; roles: Role[]; } – Mauricio Soto Oct 25 '17 at 19:09
When you post your model, put your Enabled Roles on the User. – Daniel Oct 25 '17 at 19:29

score 0 · Accepted Answer · answered Oct 25 '17 at 19:18

0

May be you can set user roles in change event? Like (change)="userRoles[i] = role" A sample plunkr using Angular only:

https://plnkr.co/edit/erIQNgk6u1JxOc6zCoHW?p=preview

answered Oct 25 '17 at 19:18

Keerthi Kumar P

1,554
9
14

thank you very much you saved me just needed that '=' – Mauricio Soto Oct 25 '17 at 19:26

change ngModel value with checkbox

3 Answers3