title: Refresh one Component on click event of Another Component in Angular
body: <p>I have 3 components in Angular-9 Application as shown below:</p>
  <p><strong>Component 1</strong></p>
  <pre><code>&lt;div&gt;
     // I have a button here with Click Event.
  &lt;/div&gt;
  </code></pre>
  <p><strong>Component 2</strong></p>
  <pre><code>&lt;div&gt;
     // I have a Grid here. 
  &lt;/div&gt;
  
  In a class file I'm getting Data and Binding Grid using ngOnInit() method.
  </code></pre>
  <p>And I'm using both Components in third component as below:</p>
  <p><strong>Component 3</strong></p>
  <pre><code>&lt;div id='third-component'&gt;
      &lt;component-one&gt;&lt;/component-one&gt;
      &lt;component-two&gt;&lt;/component-two&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I want to refresh the <strong>Component2</strong> data on click of a button that is there in <strong>Component1</strong>. How to do this?</p>