嵌入式应用 编辑页面


英文原文:http://emberjs.com/guides/configuring-ember/embedding-applications/

大多数情况下,应用所有的UI都将通过路由器管理的模板来创建。

但是如果需要将一个Ember.js应用嵌入一个现有的网页,与其他的Javascript框架共存应该怎么做呢?

改变根元素

缺省情况下,应用将渲染应用模板到网页的body元素中。

通过指定rootElement属性可以将应用模板渲染到其他的元素中:

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

rootElement可以通过一个元素来指定,也可以通过jQuery兼容的选择字符串来指定。

禁用URL管理

通过将路由的location设置为none来禁止Ember改变URL:

1
2
3
App.Router = Ember.Router.extend({
  location: 'none'
});