title: How to pass value from one component to another component in Angular2?
body: <p>I am trying to pass a value from one component to another in Angular2. So for example, I am trying to implement a component and set a data and title in that component and pass that data and title to another component which is embedded in it?</p>
  
  <p><strong>Here is the code to better explain.</strong></p>
  
  <pre><code>&lt;cst-multiselect [title]="Countries" [data] = ['one', 'two', three']&gt;&lt;/cst-multiselect&gt;
  </code></pre>
  
  <p>I am trying to pass the values '<strong><em>title</em></strong>' and '<strong><em>data</em></strong>' to another component:</p>
  
  <pre><code>&lt;div ngbDropdown class="d-inline-block" [autoClose]="false"&gt; 
           &lt;button class="btn btn-outline-primary" id="dropdownMenu1" ngbDropdownToggle&gt;Selected Countries 
  &lt;/button&gt; 
              &lt;div class="dropdown-menu" aria-labelledby="dropdownMenu1"&gt; 
                     &lt;cst-checkbox&gt;&lt;/cst-checkbox&gt; 
              &lt;/div&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like to display the data I passed from cst-multiselect on cst-checkbox(which is a dropdownbox). I would like to set the value and also the data in this dropdownbox. Any help would really be appreciated as I have been trying out multiple methods but to no avail. Thank you!</p>