Navigieren Sie zu einem HTML-Code von Button-Tag

Question

Ich habe eine ng-Wiederholung mit einigen Formen. Jedes Formular hat eine Schaltfläche - Profil bearbeiten, die den Benutzer zu/userProfile mit $ stateParam (userId) umleiten muss.

Dies ist mein Code:

<button type="button" class="btn btn-grey btn-ripple">Edit profile</button> 

ich das mit Erfolg keine folgt versucht:

<a href="/userProfile?userId={{staff.UserId}}" class="btn btn-grey btn-ripple">Edit profile</a>     

- funktioniert gut, aber die CSS funktioniert nicht perfekt auf <a> Tag

Ich habe versucht, die <button>-Tag in die <a> ein, enthält nicht Arbeit.

Ich möchte in HTML, kein Javascript machen. Ich versuchte mit form Tag und action=url, funktioniert nicht, er versucht, eine URL zu erreichen.

Irgendwelche Vorschläge?

Dank

Answer 1

Sie verwenden AngularJS Angenommen, Sie tun können:

<button type="button" ng-click="location.assign('/userProfile?userId=' + staff.UserId)" class="btn btn-grey btn-ripple">Edit profile</button> 

Answer 2

Was ist mit den ng-href verwenden.

<a ng-href="'/userProfile?userId=' + staff.UserId" class="btn btn-grey btn-ripple">Edit profile</a>

Hoffe, es funktioniert!

Answer 3

Also habe ich versucht, dies:

<a href="/userProfile?userId={{staff.UserId}}">          
    <button type="button" class="btn btn-grey btn-ripple" >Edit profile</button> 
    </a>    

funktioniert perfekt :)