[英]How to retrieve data from angular model into a controller
喝水.component.ts
import { Component } from 'angular/core';
import { userInfoService } from 'some/path';
@Component({
selector: 'drink-water';
templateUrl: './drink-water.component.html'
})
export class DrinkWaterComponent implements OnInIt {
...
...
userInfo: userInfoModel;
constructor (public userInfoService : UserInfoService) {}
ngOnInit() {
this.readUsrInfo();
}
readUsrInfo() {
console.log('user info is', this.userInfoService)
//need gender here ..to do some logic
//need gender here..
}
用戶信息.service.ts
import { Injectable } from '@angular/core';
import { UserInfoModel } from 'some/path';
@Injectable({
providedIn: 'root'
})
export class UserInfoService {
public userInfo: UserInfoModel;
constructor() {}
}
用戶信息.model.ts
export class UserInfoModel {
gender: string;
userName: string;
hasKids: boolean;
constructor(data: UserInfoModel) {
this.userName = date.userName;
this.gender = data.gender;
}
}
來自飲用水組件的控制台 Output -> readUsrInfo(console.log())請用向下的實線箭頭替換 > 作為 json 結構。 我無法格式化
> userInfoService {}
> userInfo : UserInfoModel
userName: peggy
gender: female
hasKids: true
student: false
>foods: {vegetables: Array(3), Fruits: Array(5)}
>_proto_: Object
問題
如果我嘗試僅從 controller 控制台控制台 this.userInfoService,我會得到上面的控制台 output。 如何在 readUsrInfo 方法中訪問姓名和性別? this.userInfoService.gender 返回未定義。
任何幫助表示贊賞。
export class UserInfoModel {
userName= 'peggy'
gender = 'female'
...
...
}
userInfo = new UserInfoModel()
console.log('user gender', userInfo.gender)
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.