AngularJS $ anchorScroll將## - 錨定名添加到頁面URL。我怎樣才能避免這種情況？

我使用AngularJS的locationhash（）+ $ anchorScroll將選定的頁面元素移動到窗口頂部，一旦其內容通過Ajax加載進來。

JS：在控制器：

 $scope.scrollTo = function (location) { 
      //Scroll to category head 
      $scope.categoryHead = "grouptitle-" + location; 
      $location.hash($scope.categoryHead); 
      $anchorScroll($scope.categoryHead); 
    };

在指令：

.directive('onFinishRender', function ($timeout) { 
     return { 
      restrict: 'A', 
      link: function (scope, element, attr) { 
       var scroll; 
       if (scope.$last === true) { 
        $timeout(function() { 
         //Scroll category to top of page after list has completed render 
         scroll = scope.scrollTo(scope.category); 
        }); 
       } 
      } 
     };

這給我的mysite.com/##grouptitle-2或類似的顯示網址，這看起來有點神祕。有沒有什麼辦法來配置這個錨點，使它只顯示一個散列值，或根本不修改地址欄的URL？

來源

2013-11-15 Ila

具有相同的問題。你有沒有找到解決方案？ – willlma

-2

調用$anchorScroll到scrollTo()功能後，你必須設置$location.hash('');

--->其次，你需要調用$ location.replace（）;函數從url中刪除'＃'。希望它有幫助:)

來源

2015-05-18 07:33:31

在你的$anchorScroll刪除參數。 anchorScroll會自動從$location.hash(<hash>)中獲取散列。

所以你的函數應該是這個樣子：

$scope.categoryHead = "grouptitle-" + location; 
$location.hash($scope.categoryHead); 
$anchorScroll();

如果DOM是動態更新的，然後包裹$location.hash和$anchorScroll內$timeout功能。

來源

2015-07-23 18:40:39 dishwasherWithProgrammingSkill

請執行以下步驟：此$ location.hash（$ scope.categoryHead）; 添加

$anchorScroll(); 
 
$location.hash(''); 
 
$location.replace();

$ location.replace（）函數將URL刪除 '＃'。

來源

2016-12-21 12:39:02

執行以下步驟：此$ location.hash（$ scope.categoryHead）; 添加

$anchorScroll(); 
$location.hash(''); 
$location.replace();

$ location.replace（）函數將URL刪除 '＃'。

來源

2016-12-21 13:35:23

AngularJS $ anchorScroll將## - 錨定名添加到頁面URL。我怎樣才能避免這種情況？

回答

相關問題