title: bread crumb on click functionality
body: <p>I am developing angular chartjs application which has dynamic pie charts when clicked on a pie chart. I want to have a bread crumb on top of pie charts, so the user knows the hierarchy of pie charts, what he had clicked. </p>
  
  <p>I want to implement on click functionality for bread crumbs so when clicked on each bread crumb, I want to make visible of that specific pie chart. </p>
  
  <p>I have tried on click functionality for bread crumb, but on click does not work. 
  Can any one help on that.</p>
  
  <p>Component.html</p>
  
  <pre><code>&lt;nav aria-label='breadcrumb'&gt;
          &lt;ol class='breadcrumb'&gt;
            &lt;li *ngFor='let breadcrumb of breadCrumbs'&gt;
              &lt;a onclick="handleBreadCrumb()"&gt;{{ breadcrumb.label}}&lt;/a&gt;
              &lt;!-- [routerLink]='[breadcrumb.url, breadcrumb.params]' routerLinkActive='active' --&gt;
            &lt;/li&gt;
          &lt;/ol&gt;
        &lt;/nav&gt;
  </code></pre>
  
  <p>component.ts</p>
  
  <pre><code>handleBreadCrumb = function() {
      alert("bread crumb clicked.");
    }
  </code></pre>
  
  <p>This function is not getting invoked.</p>