要在Angular中在其他地方显示一个组件,你可以使用Angular的组件投影(Component Projection)功能。以下是一个示例:
首先,创建一个要在其他地方显示的组件(例如:ComponentA)。
import { Component } from '@angular/core';
@Component({
selector: 'app-component-a',
template: `
Component A
This is component A.
`,
})
export class ComponentA { }
然后,在要显示组件的地方,使用Angular的组件投影功能。你可以使用ng-content
指令将组件A的内容插入到另一个组件中。
import { Component } from '@angular/core';
@Component({
selector: 'app-component-b',
template: `
Component B
`,
})
export class ComponentB { }
在这个示例中,组件B中使用了组件A,并将组件A的内容插入到
标签中。当你在应用中使用组件B时,组件A的内容也会被一起显示。
希望这个示例能帮助你解决问题!