在Angular 2中，是否可以在其他零部件中插入自定义零部件？

我想知道Angular 2是否可以在库中创建自定义组件，并在

app.component.ts

中使用它，如下所示：

app.component.ts
----------------
@Component({
    selector: 'my-app', 
    template:`<comp-a>
                <comp-b></comp-b>
                <comp-b></comp-b>
                <comp-b></comp-b>
               </comp-a>'

app.component.ts
----------------
@组成部分({
选择器：“我的应用程序”，
模板：`
'

是的，这是可能的。只需编写一个新组件，将该组件使用在您想要查看的位置，并将其放置在该位置即可

例如：-

文件1:-

@Component({

    selector: 'custom-component',
    moduleId: module.id,
    templateUrl: 'custom.html'
})

export class LeavesComponent { }

@Component({

    selector: 'custom-component',
    moduleId: module.id,
    template: `<div> 
                   <custom-component></custom-component>
                    //you can add more files same like
               </div>`
})

export class ParentComponent { }

文件2:-

@Component({

    selector: 'custom-component',
    moduleId: module.id,
    templateUrl: 'custom.html'
})

export class LeavesComponent { }

@Component({

    selector: 'custom-component',
    moduleId: module.id,
    template: `<div> 
                   <custom-component></custom-component>
                    //you can add more files same like
               </div>`
})

export class ParentComponent { }

@组件({
选择器：“自定义组件”，
moduleId:module.id，
模板：`
//您可以像这样添加更多文件
`
})
导出类ParentComponent{}

我找到了答案！使用Angular 2，您可以使用

元素

compA.component.ts
----------------
@Component({
    selector: 'comp-a', 
    template:`<div>
                <ng-content></ng-content>
               </div>'

app.component.ts
----------------
@Component({
    selector: 'my-app', 
    template:`<comp-a>
                <comp-b></comp-b>
                <comp-b></comp-b>
                <comp-b></comp-b>
               </comp-a>'

compA.component.ts
----------------
@组成部分({
选择器：“comp-a”，
模板：`
'
app.component.ts
----------------
@组成部分({
选择器：“我的应用程序”，
模板：`
'

我知道可以创建嵌套组件。这不是我的问题。在您的示例中，如果我理解的话，它位于template属性的direclty中。在我的示例中，我希望在主文件中使用两个组件，第一个组件包装另一个组件，而不使用属性标记，如。