我有这个代码
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
具有您可以在下图中看到的值..但是,当您专门查看其属性时,它是未定义的。
这个未定义的属性是为什么我的组件不呈现任何内容的原因。
编辑:
这是我的Message
班。
export class Message {
Id: number;
Body: string;
CreatedAt: string;
Sender: string;
}
答案 0 :(得分:2)
所有这些属性都以简单字母开头
console.log(message.sender);
console.log(message.body);
console.log(message.createdAt);