title: Placing Link Text Within a Button in Angular App
body: <p>I have an href link that triggers a download located within a button in my Angular component HTML. I can see both the button and the highlighted text link in my browser. However, when I click the link, nothing happens - in terms of triggering the download. This is what I have:</p>
  
  <pre><code>&lt;button class="email-prompt-button" md-button&gt;
      &lt;a [href]="fileUrl" download="file.txt" class="btn-link"&gt;Download File&lt;/a&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>Now, if I remove the button, and just have the <code>a</code> tag, it works:</p>
  
  <pre><code>&lt;a [href]="fileUrl" download="file.txt" class="btn-link"&gt;Download File&lt;/a&gt;
  </code></pre>
  
  <p>How can I get this to works as link text within a button?</p>