title: Is it possible to bind a [routerLink] to a div? Angular 2+
body: <p>I am new to Angular and I have found no clear answers on this subject no matter what I search for.</p>
  
  <p>This is currently working:</p>
  
  <pre><code>&lt;div class="col-sm" (click)="brandListRoute()"&gt;
  </code></pre>
  
  <p>which directs to this function in my component:</p>
  
  <pre><code>brandListRoute() {
          this.router.navigate(['explore/brands']);
  }
  </code></pre>
  
  <p>So this works perfectly, however when I first tried binding <code>[routerLink]</code> like this:</p>
  
  <pre><code>&lt;div [routerLink]="['explore/brands']"&gt;  &lt;/div&gt;
  </code></pre>
  
  <p>I can click on the div but nothing happens. So my question is, does a <code>[routerLink]</code> only work on things like <code>anchor tags</code> and <code>buttons</code> or is my above logic flawed?</p>
  
  <p>Need to find the best solution for my problem. Thanks so much in advance!</p>