angular - Angular 2 组件：如何选择 HTML 注释

Question

在 AngularJS (1.x) 中，我们可以在 HTML 注释中定义一个指令：

<!-- directive: my-directive-name -->

请参阅如何在限制为注释的 angularjs 指令中设置属性

如何在 Angular 2 组件选择器中执行此操作（没有restrict: 'M'选项）？

更新：看到这个 SO 问题How to remove/replace the angular2 component's selector tag from HTML，似乎replace也消失了......

Answer 1

您不能在评论中执行此操作，但您应该尝试查看模板，特别是<template>：

模板语法

你可以像这样使用它：

      `<template ngFor #item [ngForOf]="items" #i="index">
        <option *ngIf="isSelected(item)" [value]="item.value" selected>{{item.label}}</option>
        <option *ngIf="!isSelected(item)" [value]="item.value">{{item.label}}</option>
      `</template>

您可以在组件的模板/HTML 中使用它。您仍然必须使用 HTML 标签创建组件，<my-component></my-component>但<template>标签不会呈现。可能有帮助。

Answer 2

这在 Angular 2 中是不可能的。Angular 2 仅适用于现代浏览器（支持 IE9+），因此组件应使用适用于所有现代浏览器的自定义 Html 元素来定义。