1
경로를 각도로 구성하려고합니다. 여기에 내가 가진 무엇 :"제한된 URI에 대한 액세스가 거부되었습니다"또는 FileNotFound 각도 라우팅
<!DOCTYPE html>
<html ng-app="countryApp">
<head>
<meta charset="utf-8">
<title>Angular.js-add routes</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular-route.min.js"></script>
<script>
var countryApp = angular.module('countryApp', ['ngRoute']);
countryApp.config(function($routeProvider){
$routeProvider.
when('/',{
template: '<ul><li ng-repeat="country in countries">{{country.countryName}}</li></ul>',
controller: 'CountryListCtrl'
}).
when('/:countryName',{
template: '<h1>TODO create country detail view</h1>',
controller: 'CountryDetailCtrl'
}).
otherwise({
redirectTo:'/'
});
});
countryApp.controller('countryListCtrl', function($scope,$http){
$http.get('countries.php').success(function(data){
$scope.countries=data;
});
});
countryApp.controller('countryDetailCtrl', function($scope,$routeParams){
console.log($routeParams);
});
</script>
</head>
<body ng-controller= "countryListCtrl">
<ul>
<li ng-repeat="country in countries">{{country.countryName}}</li>
</ul>
</body>
</html>
의 코드는 위의 NG-app.html 파일에 저장됩니다.
내 질문 : NG-app.html /가
NG-app.html이 -works - 작동하지 않습니다. "제한된 URI에 대한 액세스가 거부되었습니다 ....." 오류
ng-app.html/USA가 작동하지 않습니다. 내가 서버 (로컬 호스트)에 위의 파일을 실행하려고 할 때, 나는 위의 모두 오류 페이지를 찾을 수 없습니다 파일 사건을 "작동하지 않습니다"얻을 파일을 찾을 수 없습니다 오류 페이지를
를 제공합니다.
은'html5Mode'를 설정하지 않았기 때문에 설정에 따라'ng-app.html #/USA'이어야합니다. – charlietfl