<template>
  <div class="shared-parent">
    <p>The goal is to be able to update "heading" on this (the SharedParent) view, whenever it is changed from the child.</p>
    <p>I suspect this is a problem with the layout-view and layout-view-model on the Aurelia router custom element</p>
    <p>I need this since the SharedParent in the real code, will have some general calculation functions (saved in variables in the SharedParent, which currently is not updated in the view) etc which the children will be calling. Ideally referencing the DI reference of the SharedParent</p>
    <p>The ideal solution enables direct modification on the parent.
    <p><strong>Option 1 is my highest priority to get working</strong></p>
    <p></p>
    <h1>1)Heading (from child, local): ${heading & signal:'my-signal'}</h1>
    <h3 style="display:inline;">It should work like this:</h3> <span>Heading (from local, local): ${headingLocal}</span>
    <br/>
    <br/>
    <form>
      <label>Language: <input type="text" value.bind="language"></label>
      <label>From Date: <input type="date" value.bind="fromdate"></label>
      <label>To Date: <input type="date" value.bind="todate"></label>
    </form>
    
    <slot name="somename"></slot>
  </div>
</template>