javascript - 如何在 Angular4 中将控制台中的数据获取到 HTML

Question

我在 ts 中有数据，我需要在 Angular4 html 中获取该数据，但我只能获取循环之外的 2 个数据。谁能帮我获取 angular4 中的数据。

HTML:

              <tr *ngFor="let accept of accepts">
                <td>{{accept.name}}</td>
                <td>{{accept.description}}</td>
                <td>{{accept.daterecv}}</td>
                <td>{{accept.dateacc}}</td>
                <td>{{accept.deadline}}</td>
                <td>{{accept.price}}</td>
                <td>{{accept.status}}</td>
                <td>{{accept.due_date}}</td>
              </tr>
            </tbody>

T:

this.service
            .getProfileData(id)
            .subscribe(
              data => {
                this.accepts = data;
                console.log(this.accepts);
              }, error => {})

控制台输出:

Answer 1

渲染的某些字段是错误的，请确保 key 存在于 ts 中的数据中，并使用安全导航运算符来确保数据存在，应该是这样的

<tr *ngFor="let accept of accepts">
            <td>{{accept?.Job?.User?.name}}</td>
            <td>{{accept?.user?.description}}</td>
            <td>{{accept?.Job?.price}}</td>
            <td>{{accept?.Job?.status}}</td>
            <td>{{accept?.Job?.due_date}}</td>
</tr>