html - Angular Heroes教程<app-heroes> CSS选择器

在Angular tutorialhttps://angular.io/tutorial/toh-pt1#selector中，我不理解这样一句话：“CSS元素选择器‘app heroes’与在父组件模板中标识此组件的HTML元素的名称匹配。”
我不知道css选择器是什么样的，因为我找不到任何与某个HTML元素的名称匹配的东西。。没有名为app heroes或类似的HTML元素。。。
这是怎么工作的？
我只有一个文件夹结构/src/app/heroes，其中定义了我的heroes组件。它是否构造了一个由“parentfolder文件夹”组成的名称？css元素选择器将引用什么呢？

最佳答案

我不明白这句话：“CSS元素选择器，
“app heroes”，与标识
父组件模板中的此组件。“

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

正如您在@Component中看到的，它用值selector定义app-heroes，这意味着您将使用app-heroes作为html元素（例如<div> </div>，因此您将使用<app-heroes></app-heroes>）来显示heroRescomponent的视图。

关于html - Angular Heroes教程<app-heroes> CSS选择器，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50407364/