title: ngb modal pass the data to when form edit angular
body: <p>I am using ngb modal for my form edit. this is my edit button function</p>
  <pre><code>  editCheckin(data: CheckInModel, details: any) {
  console.log(data);
  this.modalService.open(details, { ariaLabelledBy: 'modal-basic-title', size: 'xl', backdrop: 'static' }).result.then((id) =&gt; {
  }, (reason) =&gt; {
  
  });
  </code></pre>
  <p>}
  When I click the edit button, above function call and loading popup correctly.
  This is my edit button</p>
  <pre><code>  &lt;button mat-stroked-button type=&quot;button&quot; class=&quot;action-btn&quot;
                                      (click)=&quot;editCheckin(element, details)&quot;&gt;
                                      &lt;i class=&quot;fas fa-pencil-alt&quot;&gt;&lt;/i&gt;
                                  &lt;/button&gt;
  </code></pre>
  <p>edit object passed correctly. console.log(data) result is like below</p>
  <p><a href="https://i.stack.imgur.com/odDbk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/odDbk.png" alt="enter image description here" /></a></p>
  <p>now i need to that console logged data to my pop up. how i pass it.</p>