在Angular中,我们可以使用“AfterViewInit”钩子来订阅可观察对象并在父组件渲染完成后进行操作。以下是一个示例代码:
import { Component, AfterViewInit } from '@angular/core'; import { Observable } from 'rxjs/Observable';
@Component({
selector: 'app-parent',
template:
})
export class ParentComponent implements AfterViewInit {Hello world!
constructor(private observableService: MyObservableService) { }
ngAfterViewInit() { this.observableService.myObservable.subscribe(data => { console.log(data); }); } }
export class MyObservableService {
myObservable: Observable
在这个示例中,我们定义了一个“ParentComponent”和一个“MyObservableService”。在“ParentComponent”的构造函数中注入了“MyObservableService”。在“ngAfterViewInit”钩子上订阅可观察对象,并在回调函数中进行操作。注意到“ngAfterViewInit”只有在父组件渲染完成后才会被调用。
需要注意的是,这种方法只适用于订阅可观察对象。如果你需要在父组件渲染完成后执行其他的操作,可以使用类似的方法来实现。