Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
转换angular2组件名称/quot;这";串_Angular_Typescript - Fatal编程技术网

转换angular2组件名称/quot;这";串

转换angular2组件名称/quot;这";串,angular,typescript,Angular,Typescript,在Angular2组件中,执行以下操作时: console.log (this); 您可以按预期获得包含所有成员的整个对象,例如 "ComponentName {member1, member2, member_n}" 现在我只想记录ComponentName。如何实现?真是一个有趣的问题,这就是你想要的: console.log(this.constructor.name); 什么是组件名?你试过this.ComponentName?这里,ComponentName是组件的名称,例如在A

在Angular2组件中,执行以下操作时:

console.log (this);
您可以按预期获得包含所有成员的整个对象,例如

"ComponentName {member1, member2, member_n}"

现在我只想记录ComponentName。如何实现?

真是一个有趣的问题,这就是你想要的:

console.log(this.constructor.name);

什么是组件名?你试过
this.ComponentName
?这里,
ComponentName
是组件的名称,例如在Angular 2中:
导出类MySuperCoolComponent{..}
这是一个很好的问题,但很奇怪……在复杂的软件项目中,当你想进行模块化日志记录时(甚至可能是到某个REST服务中),你不会再觉得这个问题奇怪了。回答得很好,谢谢!确认我的所有服务和组件都在工作。@Stefan回答得很好,这很有效。但是,请注意angular cli/webpack和其他名称缩短JavaScript缩小工具可能会将类名更改为单个字母。因此,在开发模式下,它将是“MyClass”,但在缩小后只有一个字母“a”。如果您需要查看生产控制台日志,或者如果您使用This.constructor.name作为逻辑,那么这可能会很烦人。