Как мы могли бы использовать угловые имена компонентов JS в HTML

Question

Мои сомнения просты, у меня есть компонент с именем pm-legend, и у меня есть HTML-файл с именем legend.html.

my component code is like this,
.component('pmLegend', {
bindings: {
  fullLegend: '<',
  summary: '<'
},
template: require('./legend.html'),
controller: legendComponent

Мои сомнения: как он воспринимает имя компонента как pm-legendи мы назвали наш компонент как pmLegend.Как я могу использовать 'pm-legend' в своем HTML вместо 'pmLegend' Любая помощь очень важна.

Заранее спасибо!