[Alexander LanzParticipant]

ok, that works. Thank you!

[Alexander LanzParticipant]

Hello Ivo,

I found a solution to the problem.
To search within the component, inject a ElementRef into the components constructor:

constructor( private elementRef: ElementRef ) { }

Then later, to search the notification widget:

var el:HTMLElement = this.elementRef.nativeElement;

el.getElementsByTagName('angularNotification')[ 0 ].children[ 0 ].innerHTML = msg;

HOWEVER, Angular 2 sees this as a security risk and recommends to directly access the DOM only as a last resort ( see: https://angular.io/docs/ts/latest/api/core/index/ElementRef-class.html ).

I would prefer to have a setText() method in the notification widget to set the text directly.

What do you think?

regards,
Alexander Lanz

[Alexander LanzParticipant]

I ran into a problem with your suggested Code.
The reason is it takes the first element of the document which is problematic when having more than one notification widget within the component hierarchy.
The right solution would be to search only within the current component.

Any suggestions how to do this using Angular 2 code?

[Alexander LanzParticipant]

thank you.

[Author]

Posts