angular/components

docs-bug(CdkPortal): @ViewChild() returns undefined when using *cdkPortal instead of <ng-template cdkPortal>

Open

#21,092 建立於 2020年11月19日

在 GitHub 查看
 (3 留言) (0 反應) (0 負責人)TypeScript (24,044 star) (6,650 fork)batch import
P3area: cdk/portaldocsgood first issuehelp wanted

描述

The official doc says:

However, @ViewChild('theElementRef') binds to undefined when I use the *cdkPortal notation, while it works when I use <ng-template cdkPortal>

I suspect *cdkPortal makes the element to leave the page before afterViewInit(). Maybe the documentation should encourage using the <ng-template> form instead.

Affected documentation page: https://material.angular.io/cdk/portal/overview#portals-in-practice

貢獻者指南

技術棧
typescriptangular
領域
documentationfrontend
議題類型
documentation
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
1
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
under 1 hour
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
Angular basicsCdkPortal usage
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
90
研究方向
The issue suggests that the official documentation should be updated to clarify that `@ViewChild` only works with `<ng template cdkPortal>` syntax, not with `*cdkPortal`. A contributor should review the portal overview documentation page (https://material.angular.io/cdk/portal/overview#portals in practice) and modify the text to explicitly note this limitation. No code changes are required.
docs-bug(CdkPortal): @ViewChild() returns undefined when using *cdkPortal instead of <ng-template cdkPortal> · angular/components#21092 | Good First Issue