Angular 2 '@Component' 装饰器是否总是需要元素名称选择器？

Question

在这个例子中，来自官方的 Angular 2 文档，装饰器看起来像这样：

@Component({
  selector: 'my-app',
  template: '<h1>My First Angular App</h1>'
})

例如：宁愿不要没有使用非标准的元素充斥我的HTML代码，并希望类似的信息（注意：ng-angular仅仅是我想看到的例子）：

import { Component } from '@angular/core';
@Component({
  template: '<h1>Wait! Bloody wait some more.</h1>'
})
export class ListComponent { }

并使用了这样的东西：

<div ng-component="List"</div>

抑或是一个组件装饰像这样仅当您要创建一个新的HTML元素，然后坚持一个普通Listcontroller的div在我上面的例子？

Answer 1

并非总是需要选择器，例如。你有一个模块的顶部组件，它由路由器加载并显示在

任何其他类型的组件都需要选择器。否则 angular 将不知道它应该渲染什么组件。

我还没有听说过属性“ng-component”

[编辑] 套件在他/她的第一条评论中有效地回答了：

您必须创建一个包含模板的元素，但它不必是新的 HTML 元素，因为选择器可以是元素、[属性] 或类，例如。

<div test>

可能是带有选择器的组件的元素：'[test]'