router WARNING: Tried to load angular more than once

I try to use angular ui-router in my web app but I have problem. Here is the app directory:

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

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

But when I run the app, I get this error on console:

WARNING: Tried to load angular more than once

---

Your webserver loads the index.html file, but then you load it again in the view with

templateUrl: 'index.html'

So I think you intended that to be a different template. What you have here causes the index HTML file to be loaded inside itself, including the angular script tags, causing that error.

---

使用reqire（'./path/angle.min.js'）将解决与多次加载它有关的任何问题。

链接地址: http://www.djcxy.com/p/77850.html

上一篇: AngularJS：如何看服务变量？

下一篇: 路由器警告：试图加载角度不止一次