在Angular 9中,由于使用的是TypeScript语言,所以没有直接等效于$(document).ready()的方法。这是因为Angular在应用启动时会自动等待DOM加载完成。
然而,如果你希望在Angular应用中执行一些代码,等待DOM加载完成,可以使用AfterViewInit生命周期钩子函数来实现。
以下是一个示例代码:
AfterViewInit接口,并实现它。import { Component, AfterViewInit } from '@angular/core';
@Component({
selector: 'app-my-component',
template: `
Hello Angular
`
})
export class MyComponent implements AfterViewInit {
ngAfterViewInit() {
// 在这里写下需要在DOM加载完成后执行的代码
console.log('DOM已加载');
}
}
元素来加载组件,并将其放置在元素中。
在这个示例中,元素中的组件将会在DOM加载完成后被渲染,并触发ngAfterViewInit方法中的代码。
请注意,Angular的设计思想是避免直接操作DOM,而是采用数据驱动的方式来更新视图。因此,如果你需要对DOM元素进行操作,建议使用Angular提供的指令或者绑定来实现。