Я создаю базовое приложение для регистрации пользователей в угловой.Я хочу уведомить пользователя об успешном создании и, если возникнет какая-либо ошибка.Я пытаюсь использовать закусочную, чтобы уведомить пользователя.Однако я не могу этого сделать.Я также вставил предупреждение, чтобы увидеть, иду ли я внутри этой функции, и это предупреждение видно.Заранее спасибо за помощь.
Вот мой код TS:
export class AdduserComponent implements OnInit {
constructor(private formBuilder:FormBuilder,private userService:UsersService,private router:Router,private snackBar: MatSnackBar) { }
addForm: FormGroup;
selected = 'option2';
passwordsMatcher = new RepeatPasswordEStateMatcher;
ngOnInit()
{
this.addForm = this.formBuilder.group({
id: [],
userName: ['', Validators.required],
password:new FormControl( '',[ Validators.required]),
passwordAgain: new FormControl('',[ Validators.required]),
userRole:['',Validators.required],
},{ validator: RepeatPasswordValidator });
}
onSubmit() {
if (this.addForm.valid)
{
this.userService.createUser(this.addForm.value)
.subscribe( data => {
console.log(data);
alert("User created");
//this.router.navigate(['adduser']);
},error=>
{console.log(error)
alert("Usernmame already exists,choose a different userName");
this.snackBar.open("message", "action", {
duration: 2000,
});
this.addForm.controls.userName.reset();
});
}