AngularJS: router UI ATTENZIONE: tentativo di caricare angolari più di una volta

Question

Cerco di utilizzare l'interfaccia utente angolare nella mia app Web ma ho un problema. Ecco la cartella app:

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

e in 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' 
     }) 
    . 
    . 
    . 

Ma quando faccio funzionare l'applicazione, ottengo questo errore sulla console:

WARNING: Tried to load angular more than once 

Answer 1

tuo webserver carica il file index.html, ma poi lo si carica nuovamente nella vista con

templateUrl: 'index.html' 

Quindi penso che intendevi che fosse un modello diverso. Quello che hai qui fa caricare il file HTML dell'indice dentro di sé, compresi i tag dello script angolare, causando quell'errore.

Answer 2

L'utilizzo di reqire ('./ path/angular.min.js') risolverà qualsiasi problema relativo al caricamento successivo.