角度経路を設定する

角度アプリを設定する方法はたくさんあります。私は1つを選んだが、私は現在、ルートを設定することに問題があります。角度経路を設定する

のindex.html：

routes.js

を：

<html ng-app="myApp"> 
<head> 
    ...other files 
    <script src="js/app.js" type="text/javascript"></script> 
    <script src="js/routes.js" type="text/javascript"></script> 
</head> 
<body ng-controller="mainController"> 
    ...etc.

app.js

var myApp = angular.module('myApp', [ "ngRoute","ui.bootstrap" ]); 

    myApp.controller('mainController', ['$scope', function($scope) { 
     //etc. 
    }]);

これは、私は通常の関数のラッパーで、私のコントローラを設定する方法です

(function() { 
    'use strict'; 

    angular 
     .module('myApp') 
     .config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) { 

      $urlRouterProvider.otherwise('/'); 

      $stateProvider 
       .state('index', { 
        url: '/', 
        templateUrl: '../index.html', 
        controller: 'mainController', 
        controllerAs: 'mainVm', 
        data: { pageTitle: 'Main' } 
       }) 
     }]); 
})();

私はgettiです私は、ルーティングを追加

angular.js:38Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.8/$injector/modulerr?p0=myApp&p1=Error%…3A%2F%2Flocalhost%2FCanada%2Fplugins%2Fangular%2Fangular.min.js%3A21%3A179) 
at angular.js:38 
at angular.js:4640 
at q (angular.js:321) 
at g (angular.js:4601) 
at cb (angular.js:4523) 
at c (angular.js:1758) 
at Bc (angular.js:1779) 
at fe (angular.js:1664) 
at angular.js:31763 
at HTMLDocument.b (angular.js:3207)

コードがまでを働いていた：インジェクションエラーngを、そうはっきりと私が何かを見逃しています。だから、私のコードのどこかにある可能性は低いです。

私には何が欠けていますか？

出典

2017-02-11 DaveC426913

この行の後にログを提供してください。 'myAppモジュールのインスタンス化に失敗しました： ' – Sangharsh

ngRouteモジュールをまだインポートしていますが、ui-routerモジュールからの$stateProviderモジュールを使用しています。あなたは本当にどちらか一方を使うべきですが、確かに両方を使うべきではありません。

var myApp = angular.module('myApp', ["ngRoute", "ui.bootstrap"]);

は次のようになります。

var myApp = angular.module('myApp', ["ui.router", "ui.bootstrap"]);

また、あなたのapp.jsスクリプトのインポート前に、あなたのindex.htmlにangular-ui-router.jsスクリプトのインポートが含まれていることを確認してください。

出典

2017-02-11 01:36:13

OK、これは違いはありません。 – DaveC426913

'ui-router'のスクリプトのインポートを含んでいますか？ –

私は自分のフォルダにangular-ui-router.jsを落として、それに参照をつけました。私は間違った場所にそれを持っていたに違いない。デバッグが難しい。 – DaveC426913

答えて

関連する問題