2016-07-21 4 views
0

Я пытаюсь сделать простой $ anchorScroll, но мой контроллер не работает.Угловой контроллер не работает с 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(); 
    } 

} 

})(); 

Я добавление нг-приложение и нг-контроллер правильно.

Любые идеи?

вот plunkr: https://plnkr.co/edit/Rnsahf24ds1pYWKz9Ete?p=preview

+0

Создать plunker с вопросом – Sajeetharan

+0

@Sajeetharan Я редактировал вопрос, есть plunkr –

+0

вы проверили ответ? – Sajeetharan

ответ

0

Есть несколько вещей, которые вам не хватает в вашем коде,

(я) Вы имеете в виду angular2 сценарий, пока ваш код определен для угловой 1.3, поэтому изменить ссылка в

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

(б) вы должны обратиться к начальной загрузке библиотеки и необходимые CSS, если вы инъекционные в угловых применениях

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

Вот working App