Angular 控制器无法使用锚点滚动

Question

我正在尝试做一个简单的 $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

Answer 1

您的代码中缺少一些东西，

(i) 您引用的是 angular2 脚本，而您的代码是为 angular 1.3 定义的，因此请将引用更改为

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

(ii) 如果在angular application

中注入，需要参考bootstrap库和必要的css

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

这是working App

Angular 控制器无法使用锚点滚动

Angular controller not working with anchorscroll

angularjs

anchor-scroll