2017-10-24 3 views
0

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> 

나를 도와 줄 수 있다면 정말 감사드립니다.

+0

이 오류가 자세한 참고로

? – Sajeetharan

+0

'localhost'로 시도 했습니까? –

+0

@Avnesh 나는 위의 localhost에서 노력하고있어. 하지만 실제 시나리오에서는 서버에서 표시 할 데이터를 가져 왔습니다. – Oops

답변

2

각도 1.6.x를 사용하고 있으므로 <a href="#!/hello">click me</a>을 사용해야합니다. 느낌표를 추가해야합니다! 귀하의 href. Angular All slashes in URL changed to %2F

+1

오늘 마지막 날에 나를 구해 주셔서 감사합니다! – Oops

관련 문제