2015-11-07 15 views
0

Я пытаюсь использовать ngRoute, но я не могу заставить шаблон работать. Все работает так, как ожидалось, за исключением случаев, когда я использую templateURL.Angularjs routeProvider templateURL не работает

У меня есть 4 различных файлов:

test.html

<p>{{test}}</p> 

test.js

angular.module("app") 
.controller("testController", ["$scope", function($scope) { 
    $scope.test = 10; 
}]) 

app.js

angular.module("app", ["ngRoute"]) 
.config(function ($routeProvider) { 
    $routeProvider.otherwise({"redirectTo": "1"}) 
     .when("/1", { 
      "controller": "testController", 
      "template": "{{test}}" 
     }) 
     .when("/2", { 
      "controller": "testController", 
      "templateURL": "test.html" 
     }); 
}); 

index.html

<!DOCTYPE html> 
<html> 
    <body ng-app="app"> 
     <div ng-view=""></div> 
     <script src="js/angular.js"></script> 
     <script src="js/angular-route.js"></script> 
     <script src="app.js"></script> 
     <script src="test.js"></script> 
    </body> 
</html> 

Когда я иду на http://localhost:5000/#/1, он показывает 10, как ожидалось. Однако, когда я иду на http://localhost:5000/#/2, он ничего не показывает.

+0

Я did'n знаю этот трюк с '{{испытание}}'. В любом случае, проверьте в консоли, что у вас нет ошибок. как 404 отсутствует файл. – Dvir

+0

В консоли нет ошибок. Я заметил, что переход на 'http: // localhost: 5000/#/2' удаляет'

' – user224266

ответ

2

У вас есть опечатка в templateURL, он должен быть templateUrl

Смежные вопросы