我想要什么(伪代码):
@Component({
selector: 'app-some-component',
....
})
export class SomeComponentComponent {
constructor() {
console.log(@COMPONENT.SELECTOR); // logs 'app-some-component'
}
....
}
背景:
我有一个简单的组件:
@Component({
selector: 'app-some-component',
....
})
export class SomeComponentComponent { ....
现在在该组件内部,我想创建一个唯一的标识符,其中应该包含一些组件名称。
示例:
'app-some-component_' + UuidUtil.generateUUID();
很明显,如果我这样做:
SELECTOR + '_' + UuidUtil.generateUUID();
但是随后我不得不将选择器声明为外部变量,这会引起问题,因为我的IDE(Webstorm)使我在* .html模板中使用了未知的选择器。
我如何实现这一目标。
@重复 在那里发布的解决方案很漂亮(需要将元素ref强制转换为小写)。我希望现在,经过2年,会有更好的方法。也许也是由于打字稿的进一步发展。