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 -->
을하고있다 .. 희망이 도움이? 그리고 작동하지 않는 것은 무엇입니까? –
ng-view가 작동하지 않습니다. 태그 (ng-href = "#! /")를 클릭하면보기가로드되지 않음 (main.html) – Minhyeong
개발자 도구 –