Question

$（document）.ready（）的Angular等效值是什么？

我想在文档完全加载后执行一次方法（该方法会在我的组件内部创建一个组件）。

angular lifecyle hook中的任何一个都不起作用（控制台输出中，在生命周期的早期阶段未定义 this ，这意味着未实例化组件/类。，则该组件被创建了很多次，最终冻结了导航器。）

Answer 1

我解决了它，所以回答了一个问题：角形钩子ngAfterViewInit等效于$（document）.ready（）。

我并不是说这是唯一的方法，因为这可能取决于您要尝试执行的操作（我是Angular的新手，所以我不确定）。

这是代码。与在文档准备好之后调用方法相比，这更多的是关于在文档准备好之后创建子组件的方法，因此大多数问题超出了问题的范围。

HTML

let str = 'You have to pay <div class="keep-this">$200</div> per <span class="date">month</span> for your <span class="vehicle">car</span> <div class="keep-this">$500</div> also';
let parser = new DOMParser();
let doc = parser.parseFromString(str, "text/html");
doc.querySelectorAll("body *:not(.keep-this)").forEach(e => e.replaceWith(e.innerHTML));
console.log(doc.body.innerHTML);

TypeSript

<div>
    <!-- Template that can contain multiple components of any kind. 
         I want it to contain a 'ComponentA' before the page is rendered. -->
    <template #containerForChildrenComponents></template>
</div>

Angular 9-等效于$ {document）.ready（）

1 个答案:

HTML

TypeSript