title: How to filter data with select/dropdown using Angular 2?
body: <p>I want to show different different values from JSON data depending on a drop down selection.</p>
  
  <pre><code>&lt;div&gt;
      &lt;label for="input-one"&gt;select&lt;/label&gt;
  &lt;/div&gt;
  &lt;div&gt;
      &lt;select&gt;
          &lt;option value=""&gt;--- Select ---&lt;/option&gt;
          &lt;option value="1"&gt;option1&lt;/option&gt;
          &lt;option value="2"&gt;option2&lt;/option&gt;
          &lt;option value="3"&gt;option3&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the drop down selection. What is the best approach to show the JSON data based on a selection?</p>
  
  <p>For example:</p>
  
  <ul>
  <li>If you select <code>1</code>, it should show 2 values from JSON data.</li>
  <li>If you select <code>2</code>, it should show 3 values from JSON data.</li>
  <li>If you select <code>3</code>, it should show all JSON data.</li>
  </ul>
  
  <p>I want to do this in <strong>Angular 2</strong>. Please suggest me what could be the solution. </p>