roles = [{ value: 'admin',display: '普通用户' }];

themes: Theme[] = [
{ backgroundColor: 'black',display: '灰色' }
];

topics = [
{ value: 'game',display: '生活' }
];

hobbies = [
{ value: 'reading',display: '电影' }
];

provinces = [
{pk:1,pv:'福建'}
];

citieData = [
{pk:1,cv: '泉州市'}
];

cities = this.citieData.filter(city => city.pk === 16);

changeHobby(hobby,event) {
this.user.hobbies[hobby.value] = event.target.checked;
}

changeProvince(pk) {
this.cities = this.citieData.filter((city)=> city.pk == pk);
this.user.city = this.cities[0].ck;
}

ngOnInit(): void {
this.user = {
name: '',gender: this.genders[0].value,role: this.roles[1].value,theme: this.themes[0],isActive: false,hobbies: {'music': true},topics: [this.topics[1].value],province: 16,// 福建省
city: 1315 // 厦门市
}
}

save() {
console.log(this.user);
}
}