Angular 2 RouterLink for Select
<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>