title: Angular 8 - Copy select value in another component
body: <p>I'm learning Angular, i need to pass a select value to a "p" in another component. So when the value of the select changes the "p" element also changes.</p>
  
  <p><strong>app.component.html</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;navbar&gt;&lt;/navbar&gt;
  &lt;todo-list-cards&gt;&lt;/todo-list-cards&gt;
  &lt;test&gt;&lt;/test&gt;
  &lt;router-outlet&gt;&lt;/router-outlet&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>todo.component.html</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="contenedorTareas"&gt;
      &lt;div class="card text-white bg-primary mb-3" id="cards" style="max-width: 18rem;"&gt;
          &lt;div class="card-header"&gt;Header&lt;/div&gt;
          &lt;div class="card-body"&gt;
              &lt;h5 class="card-title"&gt;Primary card title&lt;/h5&gt;
              &lt;p class="card-text"&gt;Some quick example text to build on the card title and make up the bulk of the card's
                  content.&lt;/p&gt;
              &lt;select name="selector" id="selector"&gt;
                  &lt;option&gt;Option 1&lt;/option&gt;
                  &lt;option&gt;Option 2&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="cards"&gt;
          &lt;div class="card text-white bg-primary mb-3" style="max-width: 18rem;"&gt;
              &lt;div class="card-header"&gt;Header&lt;/div&gt;
              &lt;div class="card-body"&gt;
  
              &lt;/div&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>test.component.html</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p&gt;&lt;!-- Here the value of the &lt;select&gt; should be--&gt;&lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>