Issue with string attribute in directive

Question

I have an issue with attribute directive.

I have defined following directive:

import {Directive, Input, ElementRef} from 'angular2/core';
@Directive({
    selector: '[chooseMe]'
})

export class ChooseMe {
    @Input('chooseMe') data: string;
    constructor(private _elementRef:ElementRef) {
    console.log(this.data);    
}
}

And I hook it like that:

<button [chooseMe]="example"> W/E</button>

And of course, in my component I have:

@Component({
...,
directives:[ChooseMe]
})

However, each time this.data is undefined. Where is my mistake?

micronyks · Accepted Answer · 2016-04-11 10:48:15Z

1

Inputs are not set before ngOnChanges() was called the first time.
ngOnInit() is called after the first ngOnChanges():

import {Directive, Input, ElementRef} from 'angular2/core';
@Directive({
    selector: '[chooseMe]'
})
export class ChooseMe {
    @Input('chooseMe') data: string;
    constructor(private _elementRef:ElementRef) {
    }

    ngOnInit() {
        console.log(this.data);    
    }
}

edited Apr 11, 2016 at 10:48

micronyks

55.6k17 gold badges122 silver badges166 bronze badges

answered Apr 11, 2016 at 10:46

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

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

5 Comments

micronyks Over a year ago

Gunter is correct - just check it with your code - plnkr.co/edit/UoE1mIvfympVxPe6rNtd?p=preview

Günter Zöchbauer Over a year ago

Maybe example is still undefined?

uksz Over a year ago

@GünterZöchbauer, you are right - I want to pass plain string. is it possible?

Günter Zöchbauer Over a year ago

[chooseMe]="'example'" or chooseMe="example"

Günter Zöchbauer Over a year ago

Thanks @micronyks for fixing the typo and the Plunker :)

Collectives™ on Stack Overflow

Issue with string attribute in directive

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related