角度控制器不使用anchorscroll

时间:2016-07-21 01:37:59

标签: angularjs anchor-scroll

我正在尝试做一个简单的$ anchorScroll,但我的控制器无法正常工作。

这是我的模块

(function () {

'use strict';

angular.module('app', [
    'ui.bootstrap',
    'app.article'
]);

})();

这是我的控制器

(function () {
'use strict';

angular
    .module('app.article')
    .controller('Article', Article);

function Article($scope, $location, $anchorScroll) {

    var vm = this;
    vm.backToTop = backToTop;

    function backToTop() {
        $location.hash('top');
        $anchorScroll();
    }

}

})();

我正在正确添加ng-app和ng-controller。

有什么想法吗?

这里是plunkr:https://plnkr.co/edit/Rnsahf24ds1pYWKz9Ete?p=preview

1 个答案:

答案 0 :(得分:0)

您的代码中缺少一些内容,

(i)在为角度1.3定义代码时,您正在引用angular2脚本,因此将引用更改为

   <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js"></script>

(ii)如果要注入角度应用程序,则需要引用bootstrap库和必要的css

 <script type="text/javascript" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.2.js"></script>

以下是working App