2017-01-16 17 views
0

route anglesjに問題があります。ページを参照するには、ブラウザのコンソールで、ビューが表示されていない場合は、オープン私は、このメッセージをしたenter image description here

controller.js

angular.module('contactMgr',['ngRoute']) 
.controller('AppCtrl',function ($scope,$http){ 
    // Controller for index.html 
} 
.config(function($routeProvider){ 
    $routeProvider.when('/',{ 
          controller: 'indexCtrl', 
          templateUrl: 'assets/partials/index.html' 
         }) 
       .when('/add-contact',{ 
          controller: 'addCtrl', 
          templateUrl: 'assets/partials/add.html' 
         }); 
    }) 
.controller('indexCtrl',function($scope){ 
}) 

.controller('addCtrl',function($scope){ 
}); 

index.htmlを(ない資産/パーシャル/ index.htmlを

jqueryの-3.1.1.min.jsを

angul:私が使用して)

<div class="container"> 
    <ng-view></ng-view> 
</div> 

ar.min.js v1.2.32

角度-route.min.js

ありがとう!

問題を解決しました。

min.jsをインポートしました。angular.min.jsとangular-route.min.jsをangular.jsとangular-route.jsで変更してもうまく動作しますが、なぜわかりません... 1つのサイトで私はミニファイルがあるのでそれを読むが、私は 'minファイルでどのように動作するのか分からない。

+0

をルート設定を閉じていない、あなたのプロジェクトリソースのすべてのあなたのスクリプトファイル(角など)が含まれていましたか? – lealceldeiro

+0

はい!私はすべて私のプロジェクトフォルダに入っています –

+0

私は縮小されたファイルで多くのプロジェクトを行っていて、それは完全に機能しているのでどちらか分かりません。 – lealceldeiro

答えて

0

あなたは、

var app = angular.module("contactMgr", ['ngRoute']); 
app.config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
    when('/', { 
    templateUrl: 'main.html', 
    controller: 'indexCtrl', 
    controllerAs: 'homeCtrl' 
    }). 
    when('/contact', { 
    templateUrl: 'contact.html', 
    controller: 'addCtrl', 
    controllerAs: '' 
    }) 

    .otherwise({ 
    redirectTo: '/' 
    }); 

}]) 
app.controller('indexCtrl', function($scope) { 

}); 
app.controller('addCtrl', function($scope) { 

}); 

DEMO

+0

、var appを宣言していない場合は十分に機能します。問題は角度の角度ルートのインポートで、私はminをインポートしましたが、私は圧縮されていないファイルをインポートしなければなりませんでした。しかし、私は理由を理解していません... –

+0

それが助けになったら答えとしてマーク – Sajeetharan

関連する問題