Angular 从7上的对象打印单个值

我是新来的 我需要打印订阅api上读取的属性内的值

因此，我的初始：

  ngOnInit() {
    this.loadingVisible = false;
    this.getLogin().subscribe((result: User) => {
        console.log(result);
      }
    );
  }

Google Chrome控制台提供的我的响应API：

{usrId:1，usrUsername:“test”，usrPassword:“test”，usrEnable:true，usrLastLogin:null，} 真的吗 乌斯里德：1 usrLastLogin:null usrLevel:1 usrPassword：“测试” usrUsername：“测试” 原型：对象

所以我需要这样打印：

this.getLogin().subscribe((result: User) => {
     console.log(result); //works, i see the data
     this.myUserReturn = result;
     console.log(result.UsrUsername); // undefined
     console.log(this.myUserReturn.UsrUsername); // undefined
     // why is all undefined !?
   }
);

我需要了解如何通过API设置我的对象。

---

谢谢。

您可以将其作为订阅设置，但如前所述，请小心使用大写字母，因为这将尝试访问不存在的值。下面的代码应该可以工作

this.getLogin().subscribe((result: User) => {
     console.log(result); //works, i see the data
     this.myUserReturn = result;
     console.log(result.usrUsername); 
     console.log(this.myUserReturn.usrUsername); 
   }
);

您在这里使用的是一个类型

((result: User) => {

IDE应该抱怨这些值在类型中不存在，请确保没有将键入错误泄漏到这里

你可以这样做

interface IUser {
usrUsername: string;
//rest of your values here typed case sensitive
}

然后将类型更改为以下，这样，当出现区分大小写的问题或打字错误时，您应该始终得到通知。带有警告，IUser上不存在类似“UsrUsername”类型的内容

((result: IUser) => {

---

你有它所有的工作作为一个订阅应该被设置，但如前所述的评论小心资本，因为这将试图访问不存在的价值观。下面的代码应该可以工作

this.getLogin().subscribe((result: User) => {
     console.log(result); //works, i see the data
     this.myUserReturn = result;
     console.log(result.usrUsername); 
     console.log(this.myUserReturn.usrUsername); 
   }
);

您在这里使用的是一个类型

((result: User) => {

IDE应该抱怨这些值在类型中不存在，请确保没有将键入错误泄漏到这里

你可以这样做

interface IUser {
usrUsername: string;
//rest of your values here typed case sensitive
}

然后将类型更改为以下，这样，当出现区分大小写的问题或打字错误时，您应该始终得到通知。带有警告，IUser上不存在类似“UsrUsername”类型的内容

((result: IUser) => {

---

正在发生…因为这是区分大小写的；）omg…从服务器我区分大小写，在api响应中我丢失了第一个大写字母…我在水杯中丢失了。谢谢@AJT--没问题。有时我们都需要另一组眼睛：Dhaapping…因为这是区分大小写的；）omg…从服务器我区分大小写，在api响应中我丢失了第一个大写字母…我在水杯中丢失了。谢谢@AJT--没问题。有时候我们都需要另一双眼睛：D