Angular Controller funktioniert nicht mit Anchorscroll

Question

Ich versuche, eine einfache $ anchorScroll zu tun, aber mein Controller funktioniert nicht.

hier ist mein Modul

(function() { 

'use strict'; 

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

})(); 

und hier ist mein Controller

(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(); 
    } 

} 

})(); 

Ich füge die ng-App und die ng-Controller korrekt.

Irgendwelche Ideen?

hier ist der plunkr: https://plnkr.co/edit/Rnsahf24ds1pYWKz9Ete?p=preview

Answer 1

Es gibt nur wenige Dinge, die Sie in Ihrem Code fehlen,

(i) Sie sind zu angular2 Skript beziehe, während der Code für Winkel 1.3 definiert ist, so dass die ändern Referenz als

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

(ii) Sie verweisen müssen Bibliothek und die notwendigen CSS-Bootstrap, wenn Sie in Winkel Anwendung Pritzen

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

Hier ist die working App