Estoy tratando de pasar un valor de un componente a otro en Angular2. Entonces, por ejemplo, estoy tratando de implementar un componente y establecer un dato y título en ese componente y pasar esos datos y título a otro componente que está incrustado en él.

Aquí está el código para explicar mejor.

<cst-multiselect [title]="Countries" [data] = ['one', 'two', three']></cst-multiselect>

Estoy tratando de pasar los valores 'título'y'datos'a otro componente:

<div ngbDropdown class="d-inline-block" [autoClose]="false"> 
         <button class="btn btn-outline-primary" id="dropdownMenu1" ngbDropdownToggle>Selected Countries 
</button> 
            <div class="dropdown-menu" aria-labelledby="dropdownMenu1"> 
                   <cst-checkbox></cst-checkbox> 
            </div> 
</div>

Me gustaría mostrar los datos que pasé de cst-multiselect en cst-checkbox (que es un cuadro desplegable). Me gustaría establecer el valor y también los datos en este cuadro desplegable. Cualquier ayuda sería realmente apreciada ya que he estado probando múltiples métodos pero fue en vano. ¡Gracias!