@Input() value not defined in Angular 2

Question

I'm trying to get isActivated from an @Input() tweets. But When I want to store the isActivated to a variable this error comes up: Tweet is not defined. and Here's my code:( And sorry for my English too)

export class SingleTweetComponent { 
    @Input() tweet;
    isActivated = tweet.isActivated;
    likeButton($event){
        this.tweet.totalLikes = this.tweet.totalLikes - 1;
    }
}

Wojciech Kwiatek · Accepted Answer · 2016-06-08 19:32:25Z

3

Because tweet is not defined when you're trying to use it. At the time of computing properties you don't have input data yet.

To fix that you can take it in OnInit hook of the component:

export class SingleTweetComponent { 
    @Input() tweet;

    ngOnInit() {
      this.isActivated = this.tweet.isActivated;
    }

    likeButton($event) {
      this.tweet.totalLikes = this.tweet.totalLikes - 1;
    }
}

answered Jun 8, 2016 at 19:32

Wojciech Kwiatek

6,8222 gold badges18 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

@Input() value not defined in Angular 2

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related