title: Angular change variable on component load
body: <p>I have this ruote configuration:</p>
  
  <pre><code>const routes: Routes = [
      { path: 'score', component: ScoreComponent }
  ];
  </code></pre>
  
  <p>when the component score is loaded I want to change the value of a variable in parent component.</p>
  
  <p>The variable <strong>title</strong> is located in parent component template:</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
      &lt;app-header&gt;&lt;/app-header&gt;
      &lt;app-menu [variablesForMenu]='variablesForMenu'&gt;&lt;/app-menu&gt;
      &lt;div class="content-wrapper"&gt;
          &lt;section class="content-header"&gt;            
              &lt;h1&gt;
                  {{title}}
              &lt;/h1&gt;
          &lt;/section&gt;
          &lt;section class="content"&gt;
              &lt;router-outlet&gt;&lt;/router-outlet&gt;
          &lt;/section&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>how can I do?</p>
  
  <p>I would like to use EventEmitter but I do not know how</p>