title: Angular 2 RouterLink for Select
body: <p>I would like to create navigation using a select element on my page. Using the RouterLink directive on an anchor tag is simple, but is there an equivalent for a select dropdown? Or am I required to create my own navigation method on my component to be called when there is a change on my select?</p>
  <pre class="lang-html prettyprint-override"><code>&lt;a [routerLink]=&quot;[location]&quot;&gt;Location&lt;/a&gt;
  
  &lt;select (change)=&quot;navigate($event.target.value)&quot;&gt;
      &lt;option&gt;--Select Option--&lt;/option&gt;
      &lt;option [value]=&quot;[location]&quot;&gt;Location&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  <p>I am looking for something like this:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;select&gt;
      &lt;option&gt;--Select Option--&lt;/option&gt;
      &lt;option [routerLink]=&quot;[location]&quot;&gt;Location&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>