title: How to call child components method from parent component
body: <p>I have a parent-child component as below.
  Inside child.compontent.ts,
  I have a method : childFunction().
  I want to call this method inside parent's function.
  How to achieve this ?</p>
  <pre><code>**Parent.html :** 
  
  &lt;div class=&quot;box&quot;&gt;
      &lt;input type=&quot;text&quot; (input)=&quot;searchValue=$event.target.value&quot; placeholder={{placeHolder}} /&gt;
      
  &lt;btn-icon [searchType]='searchType' [searchText]='searchValue'&gt;&lt;/btn-icon&gt; // child component
  &lt;/div&gt;
  
  **parent.component.ts :**
  
  export class parentComponent implements OnInit {
  
  parentFunction(){
  // **Call** childFunction('inputValue');
  
  }
   
  **btn-icon  is Child :**
  **btn-icon.component.ts:  (Child)**
  
  export class btn-iconimplements OnInit {
    
    @Input() Type: string;
    @Input() Text: string;
  
  childFunction(inputValue){
        //some logic
      }
  }
   
  </code></pre>