已解決430363個問題，去搜搜看，總會有你想問的

如何處理AngularJS中的錨散列鏈接

首頁猿問如何處理AngularJS中的錨散列鏈接

如何處理AngularJS中的錨散列鏈接

JavaScript AngularJS

慕田峪9158850 2019-07-05 09:39:42

如何處理AngularJS中的錨散列鏈接您知道如何很好地處理錨散列鏈接嗎？安古拉杰?對于一個簡單的常見問題頁面，我有以下標記<a href="#faq-1">Question 1</a><a href="#faq-2">Question 2</a><a href="#faq-3">Question 3</a><h3 id="faq-1">Question 1</h3> <h3 id="faq-2">Question 2</h3><h3 id="fa1-3">Question 3</h3>當單擊上述任何鏈接時，AngularJS截取并將我路由到一個完全不同的頁面(在我的例子中，404頁，因為沒有匹配鏈接的路由)。我的第一個想法是創建一個路徑匹配“/常見問題/：一章“并在相應的控制器檢查中$routeParams.chapter在匹配元素之后，然后使用jQuery向下滾動到它。但是接著AngularJS又一次對我大發雷霆，只是滾動到頁面的頂部。所以，這里有誰在過去做過類似的事情，并且知道一個很好的解決方案？編輯：切換到html5模式應該可以解決我的問題，但是無論如何我們還是得支持IE8+，所以我擔心這不是一個被接受的解決方案：/

查看完整描述

3 回答

翻過高山走不出你

TA貢獻1875條經驗獲得超3個贊

在我的例子中，我注意到如果修改$location.hash()..下面的伎倆奏效了.。

$scope.scrollTo = function(id) {
    var old = $location.hash();
    $location.hash(id);
    $anchorScroll();
    //reset to old to keep any additional routing logic from kicking in
    $location.hash(old);};

反對回復 2019-07-05

慕哥6287543

TA貢獻1831條經驗獲得超10個贊

沒有必要改變任何路由或任何其他只需要使用target="_self"創建鏈接時

例子：

<a href="#faq-1" target="_self">Question 1</a><a href="#faq-2" target="_self">Question 2</a><a href="#faq-3" target="_self">Question 3</a>

并使用id屬性中的HTML像這樣的元素：

<h3 id="faq-1">Question 1</h3><h3 id="faq-2">Question 2</h3><h3 id="faq-3">Question 3</h3>

沒有必要像注釋中所指出的那樣使用#；-)

反對回復 2019-07-05

3 回答
0 關注
637 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何處理AngularJS中的錨散列鏈接

如何處理AngularJS中的錨散列鏈接

3 回答

添加回答