javascript - 将 Angular2 组件作为类或属性而不是标签注入(inject)

Question

在 Angular1 中，您可以像这样将 HTML 直接插入到 index.html 或 index.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 {}