如何让AngularJS ui路由器与fullPage.js一起使用？

Question

我正在创建一个完整的页面滚动Web应用程序。对于视图我有这样的东西

<div class="section">Section 1</div> 
<div class="section">Section 2</div> 
<div class="section">Section 3</div> 

我的路线看起来像这样：

.state('home', {
            url: '/',

            templateProvider: function($templateCache) {
              return $templateCache.get('partials/home.html');
            }
        });

我希望我的路线看起来像这样：

.state('home', {
            url: '/',

            templateProvider: function($templateCache) {
              return $templateCache.get('partials/home.html');
            }
        })
        .state('section1', {//code}),
        .state('section2', {//code}),
        .state('section3', {//code});

我的网址格式为：www.example.com#section1, www.example.com#section2, etc.

每次用户滚动到不同的部分时，如何更改路径？