title: Call reference #name from component from another component Angular 6 + NgbModal Bootstrap
body: <p>I have a component with the NgBModal pop-up window. How can I refer to his reference from any other component?</p>
  
  <p>Component pop-up:</p>
  
  <pre><code>import {Component, Input, OnInit} from '@angular/core';
  import {NgbModal} from '@ng-bootstrap/ng-bootstrap';
  
  @Component({
      selector: 'lol-feedback',
      templateUrl: './feedback.component.html'
  })
  export class FeedbackComponent implements OnInit {
  
      private modalTitle: string;
  
      constructor (private modalService: NgbModal) {}
      ngOnInit() {}
  
      feedBack(title: string, modal) {
          this.modalTitle = title;
          this.modalService.open(modal, {centered: true});
      }
  }
  </code></pre>
  
  <p>Template pop-up:</p>
  
  <pre><code>&lt;ng-template #feedbackModal&gt;
      &lt;div class="modal-body"&gt;
          &lt;h2 class="feed-title"&gt;{{modalTitle}}&lt;/h2&gt;
      &lt;/div&gt;
  &lt;/ng-template&gt;
  </code></pre>
  
  <p>Another Component, where I try call this pop-up:</p>
  
  <pre><code>import {Component, Input, OnInit, ViewChild} from '@angular/core';
  import {FeedbackComponent} from '../../system/feedback/feedback.component';
  
  @Component({
    selector: 'lol-footer',
    templateUrl: './footer.component.html',
    styleUrls: ['./footer.component.scss']
  })
  export class FooterComponent implements OnInit {
  
      constructor(private feedBackComp: FeedbackComponent) {}
  
      ngOnInit() {}
  
      feedBack(title: string) {
          this.feedBackComp.feedBack(title, this.feedBackComp.feedbackModal);
      }
  
  }
  </code></pre>
  
  <p>Template another Component: </p>
  
  <pre><code>&lt;div class="wrapper footer"&gt;
      (....)
  &lt;/div&gt;
  &lt;lol-feedback&gt;&lt;/lol-feedback&gt;
  </code></pre>
  
  <p>This code not work and i have no idea, how i can to call the window.. @ViewChild maybe? But my attempts to use @ViewChild did not lead to a working result.</p>