Convert angular2 component name / "this" to String

Question

In an Angular2 Component, when doing:

console.log (this);

you get as expected the whole object with all members, e.g.

"ComponentName {member1, member2, member_n}"

Now I want to only log the ComponentName. How to achieve?

what is ComponentName? have you tried this.ComponentName ? — micronyks
– micronyks, Commented Sep 19, 2016 at 15:39
Here, ComponentName is the name of the component, e.g. in Angular 2 we do: export class MySuperCoolComponent { .. } — Cloudscape Germany
– Cloudscape Germany, Commented Sep 19, 2016 at 15:49
In complex software projects, when you want to do modular logging (maybe even into some REST service), you won't find the question strange anymore. — Cloudscape Germany
– Cloudscape Germany, Commented Sep 19, 2016 at 15:53

Stefan Svrkota · Accepted Answer · 2016-09-19 15:46:19Z

10

Really interesting question, this is what you are looking for:

console.log(this.constructor.name);

answered Sep 19, 2016 at 15:46

Stefan Svrkota

50.8k10 gold badges100 silver badges88 bronze badges

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

3 Comments

Cloudscape Germany Over a year ago

Great reply, thanks! Confirmed Working on all my Services and Components.

micronyks Over a year ago

@Stefan very nice answer,

Arlo Over a year ago

This works. However, be aware that angular-cli/webpack and other name-shortening JavaScript minify tools may change your class name to a single letter. So in dev mode it'll be "MyClass" but after minification just a single letter "a". This can be annoying if you need to look at production console logs or break your code if you use this.constructor.name for logic.

Collectives™ on Stack Overflow

Convert angular2 component name / "this" to String

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related