Как получить доступ к вложенному shadow-dom Ionic angular, используя нативный элемент

Question

Я хочу получить доступ к дочернему теневому корню внутри родительского теневого корня.

const shadow = this.el.nativeElement.attachShadow({ mode: 'open' })

Приведенный выше код фактически возвращает родительский теневой корень, но я пытался получить доступ к дочернему корню showdow с помощью querySelector, но он возвращает ноль.

Основная цель - изменить значение position-top на 44px в компоненте ion-background, который является теневым элементом внутри компонента ion-menu. Пожалуйста, найдите ниже скриншот.

Answer 1

Я думаю, что вы не можете редактировать это свойство, потому что в официальной документации для ion-background нет пользовательского CSS, который позволял бы перезаписывать стандартные значения в теневом домене.Ясно, что эти значения не могут быть переписаны так просто.

Но в документации также сказано: Backdrops are full screen components that overlay other components. То есть вы можете достичь своей цели, если вложите свой Backdrop в другой компонент, который соответствует вашим потребностям?Надеюсь, это поможет.