angular2 reading root component custom attribute value

Question

I am trying to read the following in the root component of an angular app

 <app-root [something]="'sometingvalue'">Loading...</app-root>

I have the angular component the following way

export class AppComponent {
    something: string = 'abcd';
    title: string = 'app works!';
    elm: ElementRef;


    constructor(elm: ElementRef) {
        this.elm = elm;
    }

    ngOnInit() {
        this.something = this.elm.nativeElement.getAttribute('something');
    }
}

However I always get null on the ngOnInit even, how do I read this value. I cannot use @input since this is the root component.

This won't work because then it tries to evaluate the expression inside the component — user3547774, Oct 25 '16 at 08:41
Check this http://stackoverflow.com/questions/39614451/angular-2-input-binding-does-not-work/39614592#39614592 — yurzui, Oct 25 '16 at 08:46

slaesh · Answer 1 · 2016-10-26T05:35:14.943

1

Seems like its only possible to pass strings into those attributes!

See my plunker: https://plnkr.co/edit/ThPAdFz2laP778JuEYb7?p=preview

For your info:

<p [attribute-name]="expression-here"></p>
<p attribute-name="string-here"></p>

As you like to store a string, use the NON-expression way!

edited Oct 26 '16 at 05:35

answered Oct 25 '16 at 10:08

slaesh

16,659
6
50
52

Thanks for this, the second one worked
– user3547774 Oct 25 '16 at 21:05

angular2 reading root component custom attribute value

1 Answers1