title: Angular 6 Renderer2/3 - how to add class to element?
body: <pre><code>//Parent Component html:
  &lt;div class="modal" id="modal" data-backdrop="static" data-keyboard="false"&gt;
      &lt;div class="modal-dialog"&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-body"&gt;
                 &lt;router-outlet&gt;
                 &lt;/router-outlet&gt;
               &lt;/div&gt;
         &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to apply class "modal-lg" to div with class modal-dialog when my "UPIComponent" named child component is loaded. How can i achieve the same?</p>