angularjs - 角度控制器不适用于锚滚动

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) 当您的代码是为 angular 1.3 定义时，您指的是 angular2 脚本，因此将引用更改为

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

(ii) 如果您在 Angular 应用程序中注入，您需要参考引导库和必要的 css

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

这里是working App