ShadowDOM을 사용하지 않고 WebComponent를 구축하려고 합니다. 지금까지는 기본적으로 작동하지만 이제는 Angular의 @ViewChild / @ViewChildren를 사용하는 것처럼 다른 구성 요소를 래핑하는 구성 요소를 구축하고 싶습니다. (여기서 렌더링에 사용하는 라이브러리는 lit-html과 유사한 uhtl입니다)
지금 이 컴포넌트를 사용한다면
으아악기대하겠습니다
으아악하지만 슬롯 부분이 작동하지 않습니다.
ShadowDOM으로 전환하면 작동하지만 이제 ShadowDOM의 샌드박싱을 처리해야 하는데 그렇게 하고 싶지 않습니다.
으아악 으아악ShadowDOM 없이 슬롯을 작동시키는 것이 가능합니까? 그렇지 않은 경우 구성 요소 내부에 정의된 내용을 가져와 디스플레이 내부에서 사용하는 다른 방법이 있습니까?
으아악는
로 렌더링되어야 합니다. 으아악제안사항이 있나요?
P粉6966058332024-03-29 12:12:36
아니요, <slot>는 ShadowDOM API
가짜로 만들 수도 있지만, ShadowDOM이 없기 때문에 해당 콘텐츠를 다른 곳에 저장해야 합니다.
아마도 (가벼운) DOM 콘텐츠를 읽고 구문 분석하는 <template>일 것입니다.
이것은 DOM 돌연변이의 무리입니다.
ShadowDOM 스타일을 사용하는 방법을 배우는 것이 더 쉬울 수 있습니다: