title: Taking two variable from parent component to child component
body: <p>I am trying to send two variable from child component to the parent component </p>
  
  <p><strong>I have placed the child selector to the  parent component view</strong> , where I used child tag and bind the @output name myOutput to the getData function in the parent component and passed the event handler to it </p>
  
  <pre><code>&lt;app-form-test [myInput]='myInputString' (myOutput)="getData($event)"&gt;&lt;/app-form-test&gt;
  </code></pre>
  
  <p><strong>parent ts file =></strong> </p>
  
  <pre><code>  getData(value) {
      alert(value);
    }
  </code></pre>
  
  <p><strong>child ts file</strong> </p>
  
  <pre><code>export class FormTestComponent implements OnInit {
    @Input() myInput: [];
  
    @Output() myOutput: EventEmitter&lt;string&gt; = new EventEmitter();
    firstOutputString = 'hello I am coming from child component'
    secondOutputString = " I am second string";
  
    ngOnInit() {
  
    }
    SendData() {
      this.myOutput.emit(this.firstOutputString);
    }
   }
  </code></pre>
  
  <p>Here I want to pass another variable secondOutputString to the parent component from child component I tried to pass it using  </p>
  
  <pre><code>SendData() {
          this.myOutput.emit(this.firstOutputString , this.secondOutputString);
        }
  </code></pre>
  
  <p>But I am getting error </p>