AngularJS 및 GitHub 페이지 - 로딩 템플릿 문제

my Angular app을 GitHub 페이지 http://moroshko.github.io/seekdeck에 설정하려고합니다.AngularJS 및 GitHub 페이지 - 로딩 템플릿 문제

각 경로는 application.js에 정의되어 예상대로

<html ng-app="SeekDeck"> 
    <head> 
    ... 
    <script src="scripts/application.js"></script> 
    ... 
    </head> 
    <body> 
    <div ng-view></div> 
    </body> 
</html>

application.js는 /seekdeck/scripts에서로드됩니다.

내 애플 경로는 다음과 같습니다 :

는

// Part of application.js 
$routeProvider 
    .when("/", { 
    templateUrl: "templates/dashboard/dashboard.html", 
    ... 
    }) 
    ...

각도는 /templates/dashboard보다는 /seekdeck/templates/dashboard에서로드하려고, 따라서 그것을 찾을 수 있으며, dashboard.html 템플릿을 얻기 위해 시도합니다.

왜 이런 생각이 드는 지 또는 어떻게 해결할 수 있습니까?

출처

2014-04-28 Misha Moroshko

각도가 응용 프로그램의 위치가 아니라 도메인의 루트에 상대적인 것으로 가정하기 때문에 이러한 일이 발생합니다. 즉, moroshko.github.io이 아닌 moroshko.github.io/seekdeck에 상대적이라고 예상합니다.

당신은 (귀하의 경우 /seekdeck/에)

를 HTML 페이지에 base 요소를 추가하고 앱의 근본이 원하는 경로를 그 href 특성을 설정하여이 문제를 쉽게 해결할 수

다음 태그를 넣어 HTML 페이지의 <head> 내부 :

<base href="/seekdeck/" />

또한 당신이 $locationProvider에 html5mode(true) 설정되어 있는지 확인합니다.

훌륭한 블로그 게시물이 있습니다. HERE

출처

2014-04-28 00:44:24 jshanley

감사합니다. ''을 추가하면 문제가 해결되었습니다. –

AngularJS 및 GitHub 페이지 - 로딩 템플릿 문제

답변

관련 문제