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

时间:2014-02-20 17:17:49

标签: javascript angularjs ember.js javascript-framework

我已经在Angular和Ember中构建了小型应用程序,并且很高兴使用这两种应用程序 - 使用这些框架的结构和功能使得用户界面编码成为一个爆炸!

我想知道是否有办法将这些应用程序嵌入到预先存在的旧网站中?对于Angular,我知道您可以将目标div定义为ng-app。有没有更好的方法呢?恩伯怎么样?在兼容性/集成方面,我需要注意哪些问题?

我意识到这些框架主要用于SPA,但就像我说的那样,我非常喜欢使用它们的固有的性质和长期可维护性的好处。

我尝试在线查看,但我没有找到有关此主题的资源(可能是有充分理由的)。任何输入将不胜感激。

2 个答案:

答案 0 :(得分:8)

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

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

答案 1 :(得分:3)

对于AngularJS,您只需指定编辑代码的角度部分的位置。 添加:

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

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

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

然后在您的应用程序中,您可以创建您的应用程序并从该点开始遵循AngularJS模块结构。

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