2014-02-20 5 views
5

저는 Angular와 Ember로 작은 응용 프로그램을 제작했으며 두 프레임 모두를 사용하여 작업 한 것을 즐겼습니다. 이러한 프레임 워크를 사용하는 구조와 기능으로 인해 UI를 빠르게 코딩 할 수있었습니다!Ember/Angular 응용 프로그램을 기존 사이트에 포함

이러한 앱을 기존 기존 사이트에 삽입 할 수있는 방법이 있는지 궁금합니다. Angular의 경우 타겟 div를 ng-app로 정의 할 수 있습니다. 이 작업을 수행하는 더 좋은 방법이 있습니까? 엠버는 어쩌고 요? 호환성/통합과 관련하여주의해야 할 사항이 있습니까?

나는이 프레임 워크가 주로 SPA를위한 것이라는 것을 알고 있지만 말했듯이, 나는 그것을 사용함에있어서의 오랜 유익 성 및 장기적인 유지 보수 이점을 정말로 좋아한다.

온라인에서 보았지만이 주제와 관련된 리소스를 찾지 못했습니다 (정당한 이유가있을 수 있음). 모든 입력을 부탁드립니다.

답변

8

ember의 경우 적절한 방법은 기존 div에 삽입하는 것입니다. 당신은 같은 당신의 엠버 응용 프로그램을 정의 할 때에 삽입 사업부를 선언 할 수 있습니다 : 당신은 단지 당신이 코드의 각 부분을 원하는 위치에 지정해야 AngularJS와 들어

App = Ember.Application.create({ 
    rootElement: '#divName' 
}); 
3

컴파일 할 수 있습니다.

<script type='text/javascript' src='myApplication.js'></script> 

그런 다음 응용 프로그램에서 앱을 만들 수 있고, AngularJS와를 따르
<div ng-app='MyApplication'></div> 

당신이 다음 index.html 파일의 끝에서 가져옵니다 응용 프로그램을 포함 : 추가함으로써 그 시점부터 모듈 구조.

var application = angular.module('myApplication', []); 
+0

이는 잘 작동하고 당신은 NG-응용 프로그램의 속성을 추가 할 필요가 없습니다 : angular.bootstrap을 ($ ("# yourElement"), [ "모듈 이름"]); –

관련 문제