Как получить доступ к элементам внутри тени - PullRequest
Новая
       17

Как получить доступ к элементам внутри тени

0 голосов
/ 09 ноября 2018

Я просто хочу получить доступ к элементам внутри теневого корня. В моем приложении Angular один из моих компонентов инкапсулирован с shadowDom . 

@component({
  selector: "app-home",
  templateUrl: "./home.component.html",
  styleUrls: ["./home.component.scss"],
  encapsulation: ViewEncapsulation.ShadowDom
})

когда я работаю с приложением, вот так выглядят визуализированные элементы 

<body class>
  <app-root _nghost-c0 ng-version="7.0.3">
    <router-outlet _ngcontent-c1=""></router-outlet>
      <app-home>
      #shadow-root (open)                                                 <== shadow-root
        <style>...</style>
        <style>...</style>
        <div id="main">
          <section id="one">
            <app-github-calendar _nghost-c3>
               <div _ngcontent-c3 class="calendar"> Loading the data just  <== this element
               for you.</div>
            </app-github-calendar>
          </section> 
      </app-home>

Я пытался получить элемент "calendar" , использующий javascript querySelector , getElementsByClassName , querySelectorAll и т. Д. но я не могу получить элемент.

Скажите мне, как это получить.

...