瀏覽器中的 console.log(data)
這是console.log(data)我正在accountnumber生成的添加帳戶組件，但我不知道如何在警報中顯示它。
accountNumber用戶注冊時如何在警報中顯示自動生成的（在資料庫中）主鍵？我使用 Angular 前端和 Web API 作為后端。
AddAccount.ts 零件
addForm: FormGroup;
submitted: boolean = false;
constructor(private formBuilder: FormBuilder, private router: Router,private userService: Addaccount ) { }
ngOnInit() {
this.addForm = this.formBuilder.group({
//accountNumber: [''],
firstName : [''],
middleName : [''],
lastName : [''],
fathersName : [''],
phoneNumber : [''],
emailId : [''],
aadharNumber : [''],
dob : [''],
address : [''],
occupationDetails : [''],
});
}
showMsg: boolean = false;
onSubmit() {
this.submitted = true;
if(this.addForm.invalid) {
return;
}
this.userService.createUser(this.addForm.value)
.subscribe( data => {
console.log(data)
//this.router.navigate(['/account-detail']);
this.showMsg= true;
});
AddAccount.ts 服務：
getUsers() {
return this.http.get<openacc[]>(this.baseUrl '/SavingsAccount');
}
getUserById(id: number) {
return this.http.get<openacc>(this.baseUrl '/SavingsAccount/' id);
}
// Create User
createUser(user: openacc) {
return this.http.post(this.baseUrl '/SavingsAccount', user);
}
// Modify User
updateUser(user: openacc) {
return this.http.put(this.baseUrl '/SavingsAccount/' user.accountNumber, user);
}
// Delete User
deleteUser(id: number) {
return this.http.delete(this.baseUrl '/SavingsAccount/' id);
}
uj5u.com熱心網友回復：
根據方法名'this.userService. createUser '，您將從addForm獲得的資料發送到您的后臺/API 以創建一個 '用戶'。
在創建已創建用戶的操作中，您的回傳應回傳創建的新用戶，該用戶將具有資料庫為其提供的欄位“accountNumber”。
然后，在您對方法“createUser”的訂閱中，資料將是回傳的“用戶”型別，只需執行“data.accountNumber”，您就可以訪問該值。
我建議你在前端創建一個用戶界面，并這樣對待它（根據你的資料改變型別）
interface User {
accountNumber: string;
firstName : string;
middleName : string;
lastName : string;
fathersName : string;
phoneNumber : string;
emailId : string;
aadharNumber : string;
dob : string;
address : string;
occupationDetails : any;
}
addForm: FormGroup;
submitted: boolean = false;
constructor(private formBuilder: FormBuilder, private router: Router,private userService: Addaccount ) { }
ngOnInit() {...
this.userService.createUser(this.addForm.value)
.subscribe( (data: User) => {
console.log(data.accountNumber)
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/392324.html
下一篇：如何在div中渲染兩個物件？