AngularJS : 동적 범위 변수에 ng-include를 적용하는 방법은 무엇입니까?

Question

선택 드롭 다운의 선택된 값에 따라보기가 변경되는 곳에서 구현하고 있습니다. 저는 ng-include="mySelectedValue"을 사용하여 <select ng-model="mySelectedValue" ng-options="..."></select> 태그에 첨부되어 있습니다.

본질적으로 내 Rails 앱 중 하나에로드되는 경로가없는 SPA이기 때문에 후드에서 어떤 일이 발생하는지 궁금합니다.

앱이로드되면 브라우저의 모든보기가 어떻게 든로드됩니까? 나는 각도가 그렇게 마술처럼 작동하는 방법을 모르겠다. 서버 호출이 없을 때 뷰가 어떻게 나타나는지 알고 싶습니다.

Answer 1

mySelectedValue가 src라고 가정합니다. 각도 문서에 따르면

:

기본적으로는, 템플릿 URL은 동일한 도메인 및 응용 프로그램 문서로 프로토콜로 제한됩니다. 이 작업은 $ sce.getTrustedResourceUrl을 호출하여 수행됩니다.

$ sce.getTrustedResourceUrl은 기본적으로 해당 템플릿을 가져 오는 아약스 요청입니다. 따라서 서버 호출은 다음과 같습니다.

그런 다음 템플릿에 대한 $ 컴파일이 수행되고 뷰가 렌더링됩니다.