将 Angular2 组件作为类或属性而不是标记注入

Question

在 Angular1 中，你可以直接将 HTML 插入索引或索引.html.php如下所示：

<div ng-controller="pricingController">
  {{price}} - Total Cost
</div>

在 Angular2 中，您必须使用一个组件，该组件强制您在组件中使用 TemplateURL。

我想做一些更类似于 Angular 1 格式的事情。

直接在 HTML 中像这样的东西：

<div ngComponent="pricing-component">
  {{price}} - Total Price
</div>

而不是这个：

<pricing-component></pricing-component>

Answer 1

如果要

使用属性，可以使用属性选择器和指令。指令是没有模板的组件。或者更好地说，组件是一个带有模板的指令：

<div pricing>
  {{price}} - Total Price
</div>

您的Pricing将在指令注释中具有此选择器：

@Directive({
  selector : '[pricing]'
})
export class PricingDirective {}