将 Ember/Angular 应用程序嵌入到预先存在的站点中答案

【问题标题】：Embedding Ember/Angular apps into pre-existing site将 Ember/Angular 应用程序嵌入到预先存在的站点中
【发布时间】：2014-03-21 19:42:44
【问题描述】：

我已经用 Angular 和 Ember 构建了小型应用程序，并且很喜欢使用这两种应用程序——使用这些框架的结构和功能使编写 UI 变得非常棒！

我想知道是否有办法将这些应用程序嵌入到预先存在的旧网站中？对于 Angular，我知道您可以将目标 div 定义为您的 ng-app。有没有更好的方法来做到这一点？灰烬呢？在兼容性/集成方面我需要注意什么问题吗？

我意识到这些框架主要是为 SPA 设计的，但就像我说的，我真的很喜欢使用它们的固执己见和长期可维护性的好处。

我尝试在网上查找，但我没有找到有关此主题的资源（也许有充分的理由）。任何输入将不胜感激。

【问题讨论】：

【解决方案1】：

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

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

在 index.html 文件的末尾包含您将导入的应用程序：

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

然后在您的应用程序中，您可以创建您的应用程序并从那时起遵循 AngularJS 模块结构。

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

【讨论】：

【解决方案2】：

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

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

【讨论】：