2012-09-07 33 views
9

Tôi đang cố gắng chuyển ứng dụng Ember của mình sang sử dụng Ember.Router nhưng đang gặp sự cố với vị trí mẫu ứng dụng được thêm vào. Khi tôi gọi App.initialize() nó sẽ hiển thị mẫu ở cuối tài liệu. Có cách nào để xác định nơi mà các mẫu ứng dụng được kết xuất được nối vào?Làm cách nào để kiểm soát nơi Ember.js gắn thêm mẫu ứng dụng được hiển thị?

Ứng dụng của tôi là ứng dụng đường ray và tôi đang cố gắng nhúng ứng dụng Ember vào một trong các trang của tôi. Tôi không muốn thay đổi cách đầu trang và chân trang hiện tại của tôi được hiển thị lý tưởng vì vậy tôi có thể chỉ định nơi ember ám mẫu.

Dưới đây là ví dụ jsfiddle. Bạn có thể thấy rằng nó ám:

 
Header Content 
Footer Content 
Test 1 
Test 2 
Test 3 

Những gì tôi đang cố gắng để là:

 
Header Content 
Test 1 
Test 2 
Test 3 
Footer Content 

Trả lời

13

Đặt rootElement tài sản của Ember.Application: http://jsfiddle.net/vAxkL/3/

Đốc: http://docs.emberjs.com/symbols/Ember.Application.html

EDIT - Cố định fiddle bằng cách neo vào phiên bản 1.0.pre: http://jsfiddle.net/vAxkL/11/

+0

Tuyệt vời, cảm ơn rất nhiều! – rtremaine

+1

Không chắc chắn lý do tại sao nhưng tôi phải làm ** rootElement: '#application' ** thay vì ** rootElement: $ ('# application') ** – rtremaine

+0

Giá trị cũng đề cập rằng khi bạn sử dụng rootElement ngoài thân, bất cứ nơi nào bạn gọi append() trên một khung nhìn cần phải được thay đổi thành appendTo ('# id-of-your-root-element') hoặc Ember thất bại theo một số cách lạ. – rtremaine

Các vấn đề liên quan