title: communication between components - Angular 7
body: <p>In the family component I use the method setting 
  <code>localStorage.setItem ('value', 'aaa');</code>
  The user clicks on the method: </p>
  
  <pre><code>        valueLocalStorage(value){ 
              localStorage.setItem('value', value);
          }
  </code></pre>
  
  <p>The value can be <code>aaa</code> or<code>bbb</code></p>
  
  <p>In case <code>localStorage</code> changes its value, e.g. to: <code>localStorage.setItem('value', 'bbb');</code></p>
  
  <p>When <code>localStorage</code> changes its value, it wants to refresh another component or call a method in it.</p>
  
  <p>In the component <code>&lt;app-menu&gt; &lt;/app-menu&gt;</code> there is a method that sets <code>localStorage.setItem('value', 'aaa');</code> or <code>localStorage.setItem('value', 'bbb');</code></p>
  
  <p>How will the value of <code>localStorage</code> be changed in another component <code>&lt;app-container&gt;</code> wants the value of the variable <code>temp</code> to take a different value.</p>
  
  <p>app-container.component.ts:</p>
  
  <pre><code>    &lt;app-menu&gt;&lt;/app-menu&gt;
      &lt;div&gt;{{temp}}&lt;/div&gt;
  </code></pre>
  
  <p>I don't know how to do it, thank you for your help</p>