javascript - @Input 值返回对象。无法访问邻居属性上的那些对象 - Angular 4

Question

在这里，我通过属性绑定传递我的输入值。

<app-likes [user-details]="likesObj"></app-likes>

这是我的组件类。我在“userdetailsInput”中获取我的输入值。我将用户名作为输入。我想将该用户名分配给我的“用户名：字符串”属性。但它抛出未定义。

但是在 ngOnInit() 方法上，我得到了值。

export class LikesComponent implements OnInit {
    //'userdetailsInput' returns some object like this.{userName: "abc", emailId: "[e-mail]", likeCount: 0, likeStatus: false, isActive: false}.
      @Input('user-details') userdetailsInput: likedUserDetails;

    // I want to access values of above objects below. But all the below properties returns undefined
      username :string = this.userdetailsInput.userName;
      emailid :string = this.userdetailsInput.emailId;
      likeCount:number = this.userdetailsInput.likeCount;
      likeStatus:boolean = this.userdetailsInput.likeStatus;
      isActive :boolean = this.userdetailsInput.isActive;

      ngOnInit () {
        console.log(this.userdetailsInput); //this returns successful result.{userName: "abc", emailId: "[e-mail]", likeCount: 0, likeStatus: false, isActive: false}
      }

      likeImage (element) { 
        if(this.likeStatus) {
          this.likeCount = this.likeCount - 1;
          this.likeStatus = !this.likeStatus;
          this.isActive = !this.isActive;
        } else {
          this.likeCount = this.likeCount + 1;
          this.likeStatus = !this.likeStatus;
          this.isActive = !this.isActive;
        }

        console.log(`Like Count after changes: ${this.likeCount}`);
        console.log(`Like Status after changes: ${this.likeStatus}`);
      }

    }    

谁能帮助我为什么它无法访问。我是角度 4 的新手。

在这里，我包括了错误图像。请参考。

标签： javascriptangularinput