2015-03-16 7 views
6

Próbuję użyć kątowego ui-routera w mojej aplikacji internetowej, ale mam problem. Oto katalog app:AngularJS: UI-router OSTRZEŻENIE: Próbowałem ładować kątowo więcej niż raz

 
    test-app 
    |_ bower-component 
    |_ app 
    |_ views 
    |_ index.html 
    |_ scripts 
     |_ app.js 

aw app.js:

 
angular 
    .module('testApp', [ 
    'ngAnimate', 
    'ngAria', 
    'ngCookies', 
    'ngMessages', 
    'ngResource', 
    'ui.router', 
    'ngSanitize', 
    'ngTouch' 
    ]) 
    .config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.otherwise('/'); 
    $stateProvider 
     .state('home',{ 
     url: '/', 
     templateUrl: 'index.html', 
     controller: 'MainCtrl' 
     }) 
    . 
    . 
    . 

Ale kiedy uruchomić aplikację, otrzymuję ten błąd na konsoli:

WARNING: Tried to load angular more than once 
+1

Chcesz, aby szablon był częściowy, a nie indeks. – Dylan

+0

Przepraszam, nie rozumiem, co mówisz! – Hamid

+1

Chcesz - 'templateUrl: 'home.html'' – Dylan

Odpowiedz

10

Serwer WWW ładuje plik index.html, ale załadujesz go ponownie w widoku z

templateUrl: 'index.html' 

Sądzę, że chciałeś, aby był to inny szablon. To, co tu masz, powoduje wczytanie do pliku indeksu HTML, w tym kątowych znaczników skryptu, powodujących ten błąd.

0

Użycie polecenia ("./ path/angular.min.js") rozwiąże każdy problem związany z ładowaniem go więcej niż raz.