Simple href angular ionic not working

Question

This is a simple href, which is not working in Angular with ionic. No console errors.

<label class="item item-input item-stacked-label" style="text-align:center">           
  <a class="button button-outline button-positive" href="#/app/nutrition" style="width:300px;">
     SUBMIT
  </a>
</label>

Answer 1

Use ui-sref in place of href.

<label class="item item-input item-stacked-label" style="text-align:center">           
      <a class="button button-outline button-positive" ui-sref="app.nutrition" style="width:300px;">SUBMIT 
      </a>
</label>

Answer 2

Solved this using button instead of a:

$state.go("app.formulareport");

Called the above line in ng-click attached to the button.

Answer 3

Replace <a> element with <button> and this should work.

Sometimes, there's a problem with <label> element that should be changed to <div>.

Answer 4

instead of:

href="#/app/nutrition"

use:

href="app/nutrition"