Angularjs 角ui路由器动态锚

情况是这样的。 我在视图中有动态生成的锚（例如id是

id=“{{replace（indice[1]）}}”

），当我在视图中时，一切都很好。如果我试图从另一个角度到达锚，问题就会发生。我得到了正确的url

costituzione/#/altre costituzioni#la costituzione del regno unito

，但页面直到锚定时才滚动。 我使用：

国家是：

 var altreState = {
        name: 'altrec',
        url: '/altre-costituzioni',
        templateUrl: 'costituzioni/altrec.html',
        controller: function($scope){
          $scope.indice =["Quando e perchè sono nate le Costituzioni",
                         "La Costituzione del Regno Unito",
                         "La Costituzione americana",
                         "La Costituzione francese",
                         "La legge fondamentale della Germania",
                         "La costituzione spagnola"

                          ];
         $scope.bandiera=["img/why.png",
                          "img/bandiera_inghilterra.png",
                          "img/bandiera_americana.png",
                          "img/bandiera_francese.png",
                          "img/bandiera_germania.png",
                          "img/bandiera_spagna.png"

                           ]
          $scope.replace= function(newStr){
            newStr = newStr.replace(/\s/g, "-").toLowerCase();
            return newStr;
          }
        }
      }

---

谢谢

您可以使用

$anchorScroll

来实现这一点。谢谢您的重播，我查找了$anchorScroll文档，但无法使其正常工作。。。

 var altreState = {
        name: 'altrec',
        url: '/altre-costituzioni',
        templateUrl: 'costituzioni/altrec.html',
        controller: function($scope){
          $scope.indice =["Quando e perchè sono nate le Costituzioni",
                         "La Costituzione del Regno Unito",
                         "La Costituzione americana",
                         "La Costituzione francese",
                         "La legge fondamentale della Germania",
                         "La costituzione spagnola"

                          ];
         $scope.bandiera=["img/why.png",
                          "img/bandiera_inghilterra.png",
                          "img/bandiera_americana.png",
                          "img/bandiera_francese.png",
                          "img/bandiera_germania.png",
                          "img/bandiera_spagna.png"

                           ]
          $scope.replace= function(newStr){
            newStr = newStr.replace(/\s/g, "-").toLowerCase();
            return newStr;
          }
        }
      }