Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/csharp/336.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 来自用户的嵌套数据_Javascript_Angular_Typescript - Fatal编程技术网

Javascript 来自用户的嵌套数据

Javascript 来自用户的嵌套数据,javascript,angular,typescript,Javascript,Angular,Typescript,我从后台控制台获得了以下数据: user{课程: {createdAt:2017-10-24T14:35:17.562Z, _id:59ef4fcf941e450ccc132f13, 标题:“我的课程”, __v:0}, _id:5b38e3bc9dbf9113560a2d4c, 用户名:“marcos”, 电邮:'marcos@marcos.com“课程是一个对象,它不是数组,您如何访问它 user.courses.createdAt user.courses._id 是访问子对象属性的语

我从后台控制台获得了以下数据:

user{课程:
{createdAt:2017-10-24T14:35:17.562Z,
_id:59ef4fcf941e450ccc132f13,
标题:“我的课程”,
__v:0},
_id:5b38e3bc9dbf9113560a2d4c,
用户名:“marcos”,

电邮:'marcos@marcos.com“
课程是一个对象,它不是数组,您如何访问它

user.courses.createdAt
user.courses._id

是访问子对象属性的语法。

如果是对象,则需要使用要绑定的属性进行访问

<hello name="{{ user.username }}"></hello>
<p>
  Your email is {{user.email}} 
  your course is {{user.courses.title}}
</p>


您的电子邮件是{{user.email}
您的课程是{{user.courses.title}


您必须使用属性名访问课程对象

    <div *ngFor="let user of userList">
        {{user._id}}
        {{user.username}}
        {{user.email}}

        <p>
            {{user.courses.createdAt}}
            {{user.courses._id}}
            {{user.courses.title}}
            {{user.courses.__v}}
        </p>
    </div>
    <div>
        {{user._id}}
        {{user.username}}
        {{user.email}}

        <p>
            {{user.courses.createdAt}}
            {{user.courses._id}}
            {{user.courses.title}}
            {{user.courses.__v}}
        </p>
    </div>

{{user.\u id}}
{{user.username}
{{user.email}

{{user.courses.createdAt}
{{user.courses.\u id}
{{user.courses.title}
{{user.courses.{u_v}}

这就是用户列表对象的访问方式。 如果它只是一个对象,则可以通过属性名访问它

    <div *ngFor="let user of userList">
        {{user._id}}
        {{user.username}}
        {{user.email}}

        <p>
            {{user.courses.createdAt}}
            {{user.courses._id}}
            {{user.courses.title}}
            {{user.courses.__v}}
        </p>
    </div>
    <div>
        {{user._id}}
        {{user.username}}
        {{user.email}}

        <p>
            {{user.courses.createdAt}}
            {{user.courses._id}}
            {{user.courses.title}}
            {{user.courses.__v}}
        </p>
    </div>

{{user.\u id}}
{{user.username}
{{user.email}

{{user.courses.createdAt}
{{user.courses.\u id}
{{user.courses.title}
{{user.courses.{u_v}}


这很有效。我在后端的数组中转换了obj json。 在前端我使用了{{courses.title}
谢谢reggards!

你能用你的组件代码更新你的帖子吗?在这篇文章中,你要做到:这是正确的方式,但不要在前端的我的控制台中以这种方式列出,以这种方式列出:用户:课程:[“59ef4fcf941e450ccc132f13”]电子邮件:marcos@msantana.com.br“密码:$2a$10$ZwtV9drpSEF7y8swFsTM3..DCT80AFMib0EAnJgFXhJmgUR5.tHH。”用户名:“marcos”没有关于课程的任何信息{标题:我的课程,}Hera是我的后台和前端:我不明白为什么不工作。后台和前端是什么意思我给你发了电子邮件。