Ui-sref и md-button. Как это работает?

Пример

Почему пункт меню "Menu1" над другими, если я добавляю ui-sref????

 <md-button  ui-sref="menu1" >Menu1</md-button>
 <md-button>Menu2</md-button>

Ответы

Ответ 1

Если вы используете ui-sref, тогда вы должны заключить его с тегом Anchor.

<md-button><a ui-sref="menu1">Menu1</a></md-button>

Надеюсь, что это работает.

Ответ 2

На самом деле лучше обернуть кнопку в теге a. Проблема с рекомендуемым решением заключается в том, что только текст действует как ссылка, а не вся кнопка, поэтому я предлагаю:

<a ui-sref="menu1"><md-button>Menu1</md-button></a>

Ответ 3

Еще лучше отказаться от использования двух тегов и указать "md-button" как класс в теге "a".

<a ui-sref="menu1" class="md-button">Menu1</a>

Вы также можете добавить любые другие теги класса материала...

<a ui-sref="menu1" class="md-button md-raised md-primary">Menu1</a>