Question

我尝试在我的网络应用中使用角度ui-router但我有问题。这是app目录：

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

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

但是当我运行应用程序时，我在控制台上收到此错误：

WARNING: Tried to load angular more than once

Answer 1

您的网络服务器加载index.html文件，但随后在视图中再次加载

templateUrl: 'index.html'

所以我认为你打算成为一个不同的模板。你在这里有什么导致索引HTML文件在其自身内部加载，包括角度脚本标记，导致该错误。

Answer 2

使用reqire（'。/ path / angular.min.js'）将解决与加载一次相关的任何问题。

AngularJS：UI路由器警告：尝试多次加载角度

2 个答案: