Angular 4 multiple checkbox not working

gistfile1.txt

this.isClicked = false;
        let rolePermissions = [];
        this.sub = this.route.params.subscribe((params) => {
            this.roleId = +params['id'];
            this.roleService
                .find(this.roleId)
                .subscribe((role) => {
                    this.role = role.data.attributes;
                    let rolePermissionsData = role.data.relationships.permissions;
                    for (let i in rolePermissionsData) {
                        rolePermissions.push(rolePermissionsData[i].id);
                    }

                    console.log(rolePermissions);
                });
        });

        this.roleService.allPermissions()
            .subscribe((result) => {
                let perm = result.data;
                let permissions = [];
                for (let i in perm) {
                    let id = parseInt(perm[i].id);
                    permissions.push({
                        value: perm[i].id,
                        name: perm[i].name,
                        checked: rolePermissions.indexOf(id) >= 0
                    });
                }
                this.permissions = permissions;
            });