title: How to pass input to a modal dialog in Angular?
body: <p>I have a main component <code>UserProfileComponent</code> with a list of items. Attached to this component is a <code>HostListener</code> for the navigation keys on my keyboard to navigate through the list.</p>
  <p>While an item in this list is selected, I can open a modal dialog that displays more information about this entry.</p>
  <p>THe HostListener from the main component still works while the modal dialog is open and I can navigate through the list in the background. Is there a way to pass the new elements to the already opened modal dialog?</p>
  <p>Currently I just pass the items at the beginning, so there is no sync like it would be with a typical Input.</p>
  <pre><code>let dialogRef = dialog.open(UserProfileComponent, {
    item: item, &lt;--- item might change after the modal dialog is open
  });
  </code></pre>