我已经在Angular和Ember中构建了小型应用程序,并且很高兴使用这两种应用程序 - 使用这些框架的结构和功能使得用户界面编码成为一个爆炸!
我想知道是否有办法将这些应用程序嵌入到预先存在的旧网站中?对于Angular,我知道您可以将目标div定义为ng-app。有没有更好的方法呢?恩伯怎么样?在兼容性/集成方面,我需要注意哪些问题?
我意识到这些框架主要用于SPA,但就像我说的那样,我非常喜欢使用它们的固有的性质和长期可维护性的好处。
我尝试在线查看,但我没有找到有关此主题的资源(可能是有充分理由的)。任何输入将不胜感激。
答案 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', []);