在Angular中,可以使用ViewChild
装饰器来获取对被调用的装饰类实例的引用。下面是一个示例代码:
import { Component, ViewChild } from '@angular/core';
import { DecoratedComponent } from './decorated.component';
@Component({
selector: 'app-parent',
template: `
`
})
export class ParentComponent {
@ViewChild(DecoratedComponent) decoratedInstance: DecoratedComponent;
getDecoratedInstance() {
console.log(this.decoratedInstance); // 输出被调用的装饰类实例
}
}
在上面的示例中,ParentComponent
组件通过ViewChild
装饰器获取了对DecoratedComponent
组件的实例引用。然后,在getDecoratedInstance()
方法中,可以通过this.decoratedInstance
访问到被调用的装饰类实例。
请注意,ViewChild
装饰器接受一个参数,用于指定要获取引用的组件类。在示例中,我们将DecoratedComponent
作为参数传递给ViewChild
装饰器。
另外,要确保在ParentComponent
的模板中使用了
标签,以确保DecoratedComponent
被实例化并渲染到DOM中。