角度选择器标签

Question

我读过官方ng书（p。73）中的

，有可能以2种不同的方式表示6号角组件标签。官方手册中的示例：

1）<inventory-app-root></inventory-app-root>

2）<div inventory-app-root></div>

，但是在我的Angular应用程序中，只有第一种方法有效。

<app-test-component></app-test-component>

（工作）

<div app-test-component></div>

（无效）

为什么？ 非常感谢

Answer 1

在您的组件代码中，将有一个如下所示的装饰器：

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})

selector属性是Angular用来查找组件的属性。它的值可以是任何有效的CSS选择器，因此默认情况下，它需要一个名为my-app的标记。

如果要将其更改为属性，可以使用：

selector: '[my-app]',