Javascript 将余烬/Angular应用程序嵌入预先存在的站点

我已经在Angular和Ember中构建了一些小应用程序，并且很喜欢使用它们——使用这些框架的结构和功能让编写UI变得非常棒

我想知道是否有一种方法可以将这些应用程序嵌入到一个已有的遗留站点中？对于Angular，我知道您可以将目标div定义为ng应用程序。有更好的方法吗？余烬呢？在兼容性/集成方面，我是否需要注意任何问题

我意识到这些框架主要是为SPA设计的，但正如我所说，我真的很喜欢使用它们的固执己见性质和长期可维护性优势

---

我试着在网上查找，但是我没有找到关于这个主题的资源（可能是有原因的）。如有任何意见，将不胜感激

对于ember，正确的方法是插入到现有div中。您可以在定义ember应用程序时声明要插入的div：

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

---

对于AngularJS，您只需要指定要编译代码的角度部分的位置。 加入：

<div ng-app='MyApplication'></div>

---

这同样有效，并且您不需要添加ng应用程序属性：angular.bootstrap（$（“#yourElement”），[“modulename”）；

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

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