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

пример

почему пункт меню "элемент menu1" выше других, если я добавить пользовательский интерфейс-сref ????

 <md-button  ui-sref="menu1" >Menu1</md-button>
 <md-button>Menu2</md-button>
12
angular-material angularjs

3 ответов

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

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

как Hooligancat говорит, вот обновленный код:

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

надеюсь, что он работает

5

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

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

еще лучше отказаться от использования двух тегов и указать "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>
2