UI 경로가 지시문과 함께 작동 할 수 없으며 (깨지지 않는 분리 된 범위가 있음) my scenario에 맞지 않으므로 UI 경로를 제거하고 ngRoute를 테스트합니다. ngRoute에서 하루를 보냈 는데도 여전히 작동하지 않았습니다. 내 코드에는 미묘한 실수가 있어야한다고 생각하지만 그냥 이해할 수는 없다. 단순화 된 테스트 코드는 다음과 같습니다 :AngularJS : ngRouter가 작동하지 않습니다.
<html lang="en" ng-app="Hello" ng-strict-di>
<head>
<title>Hello</title>
<script script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.6/angular.min.js"></script>
<script script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.6/angular-route.min.js"></script>
<script>
'use strict';
angular.module('Hello', ['ngRoute'])
.config(['$routeProvider', function ($routeProvider) {
$routeProvider.when('/hello', {
templateUrl: 'hello.html',
controller: 'Ctrl1'
}).otherwise({
redirectTo: "/"
});
}])
.controller('Ctrl1', ['$scope', function ($scope) {
$scope.content = 'Hello World!';
}]);
</script>
</head>
<body>
<div>
<h1>Demo</h1>
<a href="#/hello">click me</a>
</div>
<ng-view></ng-view>
<script type="text/ng-template" id="hello.html">
<p>{{content}}</p>
</script>
</body>
</html>
나를 도와 줄 수 있다면 정말 감사드립니다.
이 오류가 자세한 참고로
? – Sajeetharan
'localhost'로 시도 했습니까? –
@Avnesh 나는 위의 localhost에서 노력하고있어. 하지만 실제 시나리오에서는 서버에서 표시 할 데이터를 가져 왔습니다. – Oops