使用输入属性控制Angular2组件模板标记

我希望能够使用输入参数控制@Component实例的根元素。我尝试过使用插值，但没有效果：

@Component({
  selector: 'my-component',
  template: `
    <{{tag}}>I wish this would work!</{{tag}}>
  `
})

export class MyComponent {
  @Input() tag: string;
}

@组件({
选择器：“我的组件”，
模板：`
我希望这能奏效！
`
})
导出类MyComponent{
@Input（）标记：string；
}

---

不幸的是，上面的代码抛出了一个错误。有没有人对我如何让它工作有什么想法？我对Angular2基本不熟悉，因此如果有更好的方法来解决这个问题，我愿意接受。

选择器是根标签。为什么要交换掉元素？一个简单的例子是标题组件。我希望有一个应用一致类命名（以及将来可能需要启用的其他行为）的单标题组件。但是，有6个标题元素-

h1-h6

。我希望能够将标记作为参数传递。这是一个简单的用例，但它说明了我想要的行为和组件组织。那么为什么不使用

ngSwitch

？这意味着有点重复，但至少会编译。我试图避免重复，因为一些需要可配置标记的组件更健壮，但可能没有更好的选择。我想这会解除我的障碍。谢谢你的帮助！在您的h1-h6示例中，使用@Directive可能会更好：您可以简单地将其添加到标准h1-h6标记中，并根据需要修改它们。例如，标题