我可以將自定義打字稿組件轉換為 Angular 中的 HTMLElement 嗎？

Question

如果我在 Angular 中有一個自定義組件。 前任。 “我的組件”

如果函數將 HTMLElement 作為參數，有沒有辦法將此組件轉換為 HTMLElement 以傳遞給函數？

我知道 HTMLElement 來自這個庫：lib.dom.d.ts -> 位於 node_modules -> typescript -> lib -> lib.dom.d.ts -> HTMLElement

這是元素的圖像：

Answer 1

我相信 Angular Component 類並不代表 DOM 中的實際元素，它只不過是一個藍圖。 為了創建實際元素，您首先需要將其創建為 Angular 組件樹的一部分，然后通過ElementRef對 dom 中實際元素的引用。

當然，這只有在一切都在 Angular 上下文中運行時才有可能。 在沒有 Angular 的情況下使用 Angular 組件的唯一方法是將其轉換為自定義元素，這是一個關於如何做到這一點的非常簡潔的教程https://medium.com/@lavanya.kakimallaiah/creating-a-custom-element-內角aa2a794fd041

Answer 2

如果注入構造函數 ElementRef，則可以在 elementRef.nativeElement 中“到達”

htmlRef:any
constructor(private elementRef:ElementRef)
{
    this.htmlRef=elementRef.nativeElement
}

但真正重要的問題是：在 Angular 中需要 htmlRef 的原因是什么？