2014-09-30 5 views
0

AngularJS가 다른 페이지에서 HTML을 가져오고 Firebug -> Net Panel에 어떤 요청도 표시하지 않는 요청을 보내는 방법이 궁금했습니다.AngularJS는 어떻게 요청을 보내나요?

나는 ng-view 속성과 함께 <div>을 가지고 있으며 다른 페이지의 URL을 전달했으며 Net Panel 내에서 추적 할 수있는 Ajax 요청을 기다리고있었습니다.

그러나 AngularJS가 해당 URL에서 HTML을 가져올 수 있었던 반면 Net 패널에는 요청 목록이 없습니다. 어떻게 작동 했습니까?

+0

죄송합니다 얘들 아 ... 이상한 ...하지만 로컬 호스트를 통해 그것을 확인하고 GET 요청을 showd 때 ... – Sandeep

답변

0

AngularJS가 XHR 요청을합니다. 아마도 요청이 Firebug에 기록되지 않았거나 모든 요청이 초기 페이지로드에서 이루어진 것일 수 있습니다.

+0

예, 그것은 모든 종류의 요청을 보내야하지만 방화 광은 이것을 추적해야합니다. Persist Option을 on으로 설정했지만 아무 것도 표시하지 않습니다. :) – Sandeep

+0

맞습니다! 제 브라우저 문제였습니다. FF 33 베타 버전이며 CSS, 이미지 요청도 표시하지 않았습니다. – Sandeep

0

아마도 필요한 템플릿/HTML이 이미 페이지에 포함되어 있었을 것입니다.

한 캔 때문에 자바 스크립트, 또는 (02)이 같은 스크립트 템플릿으로 포함합니다 : (문서에서) 그들이 손으로 $templateCache, 또는 도구로 가득했다

<script type="text/ng-template" id="/tpl.html"> 
    Content of the template. 
</script> 

또는

+0

템플릿 코드는 별도의 html 파일에 있으며 해당 파일의 URL은 라우팅 대상으로 전달됩니다. http://www.thinkful.com/learn/angularjs-tutorial-build-a-gmail-clone/Routing-and-Dependency-Injection 서버 또는 로컬 호스트없이 직접 확인했습니다. 그리고 요청을 표시하지 않고 해당 템플릿에서 html을 가져 왔습니다. – Sandeep

+0

@Sandeep, dev 도구에서 네트워크 탭을 열고 페이지를 다시로드하면 모든 네트워크 요청이 표시됩니다. 요청을하지 않고 각도 응용 프로그램에 템플릿/html을 소개하는 유일한 방법은 내 msg에 설명 된 기술을 사용하여 미리로드하는 것입니다. –

+0

당신이 말한 기술은 훌륭합니다. 그것은 내 잘못이었고 브라우저에는 CSS 요청을 표시하지 않기 때문에 브라우저에 몇 가지 문제가 있습니다. Firefox 33 beta ... – Sandeep