看下面的代码：在原来的platformBrowserDynamic().bootstrapModule(AppModule)调用之前，添加了一个if条件。if(document.readyState==='complete'){bootstrap();}这行代码的意思是检查Angular应用程序中是否已经完全加载当前文档，并执行bootstrap函数启动Angular加载文档后的应用程序。document.readyState属性返回当前文档的加载状态，有以下三个值：loading：文档正在加载；interactive：文档已经被解析，但是还在加载子资源，比如图片和样式表；完成：文档和所有子资源已完成加载。因此，当document.readyState的值为complete时，意味着文档和所有子资源都已经加载完毕，此时可以安全启动Angular应用了。在Angular应用程序中，此代码片段通常用于确保Angular应用程序在文档加载完成后启动。这样就避免了在文档没有完全加载的情况下启动Angular应用，从而避免了文档加载不完整带来的各种问题。在Angular应用的main.ts文件中，一些函数调用只有在document.readyState的值变为complete后才会执行，以确保Angular应用在文档加载完成后才启动。当浏览器加载一个HTML页面时，它会按照文档的顺序逐步解析和渲染HTML标签和CSS样式等资源。如果在文档完全加载之前启动Angular应用程序，可能会导致应用程序出现意外行为。行为，例如页面样??式乱七八糟、资源加载失败、路由未正确初始化等。为了避免这些问题，Angular应用在启动前通常会检查document.readyState的值是否完整，只有在文档加载完毕后才启动Angular应用，以保证应用时文档已经加载完毕启动，应用程序可以正常运行。
