对象具有价值,但内部的属性没有价值

时间:2018-10-02 12:12:13

标签: angular

我有这个代码

import { Component, OnInit, Input } from '@angular/core';

import { Message } from '../models/message';

@Component({
  selector: 'app-message',
  templateUrl: './message.component.html',
  styleUrls: ['./message.component.css']
})
export class MessageComponent implements OnInit {

  @Input() message: Message;
  sender: string;
  body: string;
  createdAt: string;

  constructor() { }

  ngOnInit(message = this.message) {

    this.sender = message.Sender;
    this.body = message.Body;
    this.createdAt = message.CreatedAt;
    console.log(message);
    console.log(message.Sender);
    console.log(message.Body);
    console.log(message.CreatedAt);
    console.log(this.sender);
    console.log(this.body);
    console.log(this.createdAt);
  }
}

message具有您可以在下图中看到的值..但是,当您专门查看其属性时,它是未定义的。

error image

这个未定义的属性是为什么我的组件不呈现任何内容的原因。

编辑: 这是我的Message班。

export class Message {
  Id: number;
  Body: string;
  CreatedAt: string;
  Sender: string;
}

1 个答案:

答案 0 :(得分:2)

所有这些属性都以简单字母开头

console.log(message.sender);
console.log(message.body);
console.log(message.createdAt);