2017-09-19 1 views
0

저는 angleman을 yoeman과 함께 설치합니다. 하지만 ngRoute가 작동하지 않습니다. Angular JS 1.6 ngRoute ERROR

나는 각도, 각도-경로를 1.6.6 링크를 사용하여가 '#!'

경로가 작동 된 index.html에서

내가 angular.module 쓰기 ....

app.js는 어떻게 작동합니까?

angular.module('myPageApp', ['ngRoute']) 
    .config(function ($routeProvider, $locationProvider) { 
    $routeProvider 
    .when('/', { 
     templateUrl: 'views/main.html', 
     controller: 'MainCtrl', 
     controllerAs: 'main' 
    }) 
    .when('/about', { 
     templateUrl: 'views/about.html', 
     controller: 'AboutCtrl', 
     controllerAs: 'about' 
    }) 
    .otherwise({ 
     redirectTo: '/' 
    }); 
    $locationProvider.hashPrefix(''); 
}); 

index.html을 :

내 코드

스크립트는/

angular.module('myPageApp', ['ngRoute']) 
    .config(function ($routeProvider) { 
    $routeProvider 
    .when('/', { 
     templateUrl: 'views/main.html', 
     controller: 'MainCtrl', 
     controllerAs: 'main' 
    }) 
    .when('/about', { 
     templateUrl: 'views/about.html', 
     controller: 'AboutCtrl', 
     controllerAs: 'about' 
    }) 
    .otherwise({ 
     redirectTo: '/' 
    }); 
}); 

index.html을

<ul class="nav navbar-nav"> 
    <li class="active"><a href="#!/">Home</a></li> 
    <li><a ng-href="#!/about">About</a></li> 
    <li><a ng-href="#/">Contact</a></li> 
</ul> 

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

<!-- build:js(.) scripts/vendor.js --> 
<!-- bower:js --> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular-route.js"></script> 

<!-- endbower --> 
<!-- endbuild --> 

<!-- build:js({.tmp,app}) scripts/scripts.js --> 
<script src="scripts/app.js"></script> 
<script src="scripts/controllers/main.js"></script> 
<script src="scripts/controllers/about.js"></script> 
<!-- endbuild --> 
+1

을하고있다 .. 희망이 도움이? 그리고 작동하지 않는 것은 무엇입니까? –

+0

ng-view가 작동하지 않습니다. 태그 (ng-href = "#! /")를 클릭하면보기가로드되지 않음 (main.html) – Minhyeong

+0

개발자 도구 –

답변

0

이 스크립트/app.js를 시도 app.js

<ul class="nav navbar-nav"> 
    <li class="active"><a href="#/">Home</a></li> 
    <li><a ng-href="#/about">About</a></li> 
    <li><a ng-href="#/">Contact</a></li> 
</ul> 

무엇을

+0

작동하지 않습니다 ... :( – Minhyeong