2016-09-01 6 views
0

Я пытаюсь настроить новые проекты angularJS с помощью ngRoute и сталкиваться с трудностями при разрешении абсолютного пути для хранения файлов шаблона html.Каким должно быть место хранения файлов шаблонов html для использования ngRoute в AngulatJS

Ниже моя структура проекта:

webapp 
- css 
- js 
    - controller 
    - controller.js 
    - service 
    - service.js 
    - app.js 
- template 
    - template1.html 
    - template2.html 

ниже мой routeProvider конфигурации:

myCacheApp.config(['$routeProvider', function($routeProvider){ 
    $routeProvider 
     .when('/CacheInfo',{template:'This is the computers Route'}) 
     .when('/CacheRefresh',{templateUrl: '../template/template1.html'}); 
}]); 

Я дал относительный путь для template1.html от app.js

Но шаблон не загружается, когда вы пытаетесь получить доступ к URL/CacheRefresh, ничего не происходит.

Я что-то не так? Как указать путь к файлу html-шаблона при использовании ngRoute?

Пожалуйста, помогите.

+0

С текущей раскладкой вы имеете Угловой собираются загрузить шаблоны на основе относительного URL в браузере - это не загружается шаблонов на основе файловой системы. Я бы рекомендовал использовать модуль-расслоение или использовать URL-адреса относительно базового пути вашего веб-сайта, т. Е. Если 'template' находится в вашем корневом каталоге вашего веб-сайта, вам нужно'/template/template1.html' как ваш 'templateUrl', а не' ../.... ' –

+0

Даже после того, как я установлен как'/template/template1.html' в 'templateUrl', он не работает. '.when ('/ CacheRefresh', {templateUrl: '/template/template1.html'});' – Sandy

+0

try js/template/template1.html –

ответ

0

я теперь в состоянии передать template1.html, используя приведенные ниже пути:

.when('/CacheRefresh',{templateUrl: 'template/template1.html'});