Angular 理解嵌套的角度组件

我刚刚浏览了以下angular代码，它是nebular框架的一部分（angular 2应用程序的基本UI组件库）：

从'@angular/core'导入{Component}；
@组成部分({
选择器：“nb布局标题测试”，
模板：`
`,
})
导出类NbLayoutHeaderTestComponent{
} 

可以看到上面的代码行

现在我不太清楚什么是

，

这些单独的组件是在其他地方定义的，并且在这个特定的组件中使用的吗

我对angular不太熟悉，大多数情况下都见过类似于以下的简单组件：

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

@Component({
    selector: 'my-friends'
    template: `
        <h1>Hello from the {{ componentName }}!</h1>
        <div *ngFor="#f of friends">
            <h3>Name: {{ f.name }}</h3> 
            <h4>Age: {{ f.age }}</h4> 
        </div>
    `
})

从'@angular/core'导入{Component}；
@组成部分({
选择器：“我的朋友们”
模板：`
来自{{componentName}的你好！
名称：{{f.Name}
年龄：{f.Age}
`
})

---

有人能向我解释一下该组件是如何构造的吗？

是的，这些是独立的组件，在其他地方定义，就像您使用名为

nb layout header test

的选择器一样。这意味着您可以通过编写

<nb-layout-header-test>

---

应用程序中的任何位置。

。是的，这些是星云的组成部分。我建议你回顾一下基本原理；请参阅，例如：谢谢。。。这真的很有帮助@谢谢。。这就是我现在要做的，谢谢，但我知道，我正在寻找它的定义。好的，在src/framework/theme/components/layout/layout.component.ts中定义

<nb-layout-header-test>