Pytanie Angular-ui-router i href = '#'


Używam angular-ui-router i mam problem z opróżnianiem tagów, takich jak href = '#'. Używam bootstrap, który szeroko wykorzystuje href = "#" dla rozwijanych i takich. Problem polega na tym, że jeśli użytkownik wybierze element rozwijany, router interpretuje to jako zmianę stanu, która w tym przypadku dotyczy strony głównej.

Czy istnieje prosty sposób na zatrzymanie tego zachowania bez konieczności uciekania się do zmiany całego href = '#' na href = ''.


11
2017-08-28 15:26


pochodzenie


Nie możesz całkowicie usunąć atrybutu href? Działa to dla mnie, gdy używam bootstrap i kanciastego. - adam0101
Tak, czy to bezpieczna przeglądarka? Chyba tak, ale chciałem tylko mieć pewność. - Mike P
Ciekawostką jest to, że podstawowy raster kątowy tego nie robi. - Mike P
Możesz też to zrobić: href = "javascript: void (0);" - Coder John
Spojrzeć na angular-ui.github.io/bootstrap natywne wytyczne kątowe i pomocniki dla bootstrap. Zastępuje wtyczki jQuery dostarczone mój bootstrap - Martin


Odpowiedzi:


Po prostu usuń całkowicie tag href ze znacznika zakotwiczenia. Wciąż jest to całkowicie poprawny tag bez tego.

Lub jeśli obecnie używasz ui-sref w tagu kotwicy, możesz faktycznie użyć href atrybut zamiast przejść do trasy, do której jest przypisany stan.


7
2017-08-28 19:39



Dzięki, właśnie to zrobiłem na końcu. - Mike P
Dlaczego ktoś zgodził się z moją odpowiedzią? Chcesz wyjaśnić? - adam0101
Dziękuję za tę odpowiedź - Frankie Loscavio
W zwijaniu Bootstrap musimy zrobić coś takiego: <a data-toggle="collapse" data-parent="#accordion" href="#3">, jak to działa bez href? - Elgs Qian Chen
@ElgsQianChen, w takim przypadku użyłbym dyrektyw zwinięcia lub akordeonu, które pochodzą z Angular-UI: angular-ui.github.io/bootstrap - adam0101


możesz tego użyć, więc możesz zachować link i praktycznie nic nie robić po kliknięciu

<a ui-sref="state" href="javascript:void(0);">Your link</a>

2
2017-12-13 07:46



Użyłem twojego kodu jak poniżej, który działa <a ui-sref="state" href="#collapseOne"> Twój link </a> - zigzag.bond


Używam tego:

<a href-void>Click me! I don't do anything, but i'm still a link!</a>

0
2017-12-30 21:35