Question

对于index.html页面，我有一个标记，在我的app.component.ts中，选择器是“ app”。在我的component.ts中，选择器也是“ app”。由于angular 7的名称相同，因此如何知道该选择哪个html页面和选择哪个应用。

app.component.ts:

import { Component } from '@angular/core';

@Component({
  selector: 'app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'example';
}


component.ts:
  import { ApplicationRef, Component } from "@angular/core";

@Component({
    selector: "app",
    templateUrl: "template.html",
    styles: ["/deep/ div { border: 2px black solid;  font-style:italic }"]
})
export class ProductComponent {

}

Answer 1

Angular不知道。如果使用相同的选择器声明两个不同的组件，然后尝试在同一模块中使用它们，则会出现错误。您可能不会立即注意到错误，因为在Angular中需要在同一个模块中使用两个相互冲突的组件才能开始引发错误。

索引页如何知道要加载哪个应用程序标签

1 个答案: