title: pass data from child to parent inside of router-outlet
body: <p>I have a parent component with a router-outlet. I want to call the parent function with a child event. I understand @Input() and @Output, but how do you use them with router-outlet</p>
  
  <pre><code>&lt;router-outlet (tapVocab)="openVocabModal($event)"&gt;&lt;/router-outlet&gt;
  </code></pre>
  
  <p>Doesn't seem to work for me. In my child I have:</p>
  
  <pre><code>@Output() tapVocab = new EventEmitter&lt;string&gt;();
  
  callParent(val) {
      console.log('calling parent', val);
      this.tapVocab.next(val);
    }
  </code></pre>