Question

所有

我对Angular UI-Router很新，当我来到ui-view时，有一个名为“autoscroll”的属性让我很困惑，我认为如果视图页面滚动（是我的理解正确，如果没有，请帮助这个autoscroll做什么），但当我使用它时：

<body ng-controller="main">
    <div class="header">
        <span>
            <a ui-sref="home">HOME</a>
        </span>
        <span>
            <a ui-sref="signup">SIGNUP</a>
        </span>     
    </div>
    <div class="body" ui-view autoscroll=false statename={{scroll}}></div>
</body>

并且

app
.controller("main", function($scope){
    $scope.scroll = true;
})
.config(function($urlRouterProvider, $stateProvider){
    $urlRouterProvider.otherwise("/home");
    $stateProvider
        .state("signup", {
            url: "/signup",
            template: "<div class='signup'><span>This  is a signup page. </span><p>And a long paragraph is follow</span></div>"
        })
        .state("home", {
            url: "/home",
            template: "<div class='home'><span>This is a home page.  </span><span>And a long paragraph is follow</span></div>"
        })

})

我试过了

autoscroll=false
autoscroll=true
autoscroll="false"
autoscroll="true"
//I set $scope.scroll to true and false
autoscroll={{scroll}}
autoscroll=scroll
autoscroll="scroll"

这些都不起作用：当我向下滚动当前视图并切换到另一个视图时，它总是自动滚动到顶部，我想要的是保持视图到当前滚动位置，任何想法？< / p>

感谢您的帮助。

如何在Angular UI-ROUTER中使用autoscroll

0 个答案: