angularjs - iframe 내부에 앱을 삽입하는 방법

나는 오랫동안 검색하여 지금까지 도움이되지 않은 답변을 찾았습니다. iframe 내부에 각도 앱을 넣고 싶습니다.angularjs - iframe 내부에 앱을 삽입하는 방법

내 index.html 플라스크를 업로드하십시오.

어떻게 내 앱을 iframe에 넣을 수 있습니까?

감사

2016-06-26 tal azouri

인덱스가 각 응용 프로그램이 될 수 있도록 – Noppey

는 iframe의 외부에 대한 angular 응용 프로그램을 생각하지 마십시오. iframe 내부의 페이지는 "부모"페이지와 동일합니다. 자체 anglejs 스크립트가 포함되어 있어야하며 자체 응용 프로그램이 부트 스트래핑되어야합니다.

Live demo

출처

2016-06-26 14:27:03

내가 Noppey 제안을 사용하는 앱은 내가 내 응용 프로그램 것을 구성 할 수 있습니다, 노력하고 있지만 $의 HTTP 요청을 질수 내 원래의 프로젝트를 들여다 본다. –

그래서 기본적으로 각 응용 프로그램을 인스턴스화하고'index.html'을 가리키는 iframe을 가지고있는'index.html'을 가지고 있습니다 (원래의 페이지). iframe 내부 ** 새로운 별도의 각도 애플리케이션 **이 실행 중입니다.이 애플리케이션은 iframe 내부에 있다는 사실을 인식하지 못하고 iframe 외부의 애플리케이션에 대해서는 아무것도 모릅니다. 페이지와 iframe 사이에 의사 소통을 원한다면 [postMessage] (https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage)가 필요하지만 솔직히 나는 당신이 필요하다고 생각하지 않습니다. 동일한 앱이 iframe에서 실행되고 있어야합니다. –

당신은 내가 말한대로 index.html은 내 전체 응용 프로그램 (.py 파일 등)을 인식하며이 파일에는 "정적"폴더의 indexApp.html을 가리키는 iframe이 있습니다. 그래서 지금 내 응용 프로그램은 "정적"폴더 안에있는 파일 만 볼 수 있습니다. 그래서 http 요청은 작동하지 않습니다 (정적 폴더 외부의 "views.py"파일에서 작업). 나는 파일의 계층 구조를 변경할 수 없습니다 (정적 폴더에서 "보기"). 이드는? –

angularjs - iframe 내부에 앱을 삽입하는 방법

답변

관련 문제