11
ExampleUi-Sref und MD-Taste. Wie es funktioniert?
Warum Menüpunkt "Menu1" über den anderen, wenn ich ui-sref ????
<md-button ui-sref="menu1" >Menu1</md-button>
<md-button>Menu2</md-button>
A
Antwort
3
Wenn Sie ui-sref verwenden, dann sollten Sie es mit Anchor-Tag umschließen.
<md-button><a ui-sref="menu1">Menu1</a></md-button>
Hoffe, dass es
16
funktioniert Es ist eigentlich besser Wrap die Taste in der a-Tag. Das Problem mit der empfohlenen Lösung ist, dass nur der Text als Link und nicht als die gesamte Schaltfläche fungiert, also würde ich vorschlagen;
<a ui-sref="menu1"><md-button>Menu1</md-button></a>
+0
Dieser funktioniert perfekt. Die obigen Lösungen wie @Stuart betreffen nur den Text und nicht den ganzen Knopf. – Saqib
2
Besser noch ist bei der Verwendung von zwei Tags und geben Sie ‚md-Taste‘ als Klasse auf dem ‚a‘ Tag zu verzichten.
<a ui-sref="menu1" class="md-button">Menu1</a>
Sie können natürlich auch alle anderen Tags Materialklasse addieren ...
<a ui-sref="menu1" class="md-button md-raised md-primary">Menu1</a>
Ja. Es klappt!! Groß. Vielen Dank. – Slip
In Angular-Material 1.09 und Winkel 1.5.8 entfernt diese Lösung den Standard-Hover-Effekt, der schlecht ist. Warum ist das Entfernen des Standardverhaltens für das Materialdesign von Anfang an vorgesehen? -1. –
Aber dann müssen Sie wirklich auf den Text in der Schaltfläche klicken, um die Schaltfläche auszuführen. Ich hatte dies getan, aber ich musste meine Änderungen rückgängig machen, da Sie nicht erwarten können, dass ein Benutzer ständig auf die Schaltfläche in der Mitte klickt, was zu ernsthaften Problemen mit der Benutzeroberfläche führen kann. – Saqib