backbone.js 중첩 리소스 부트 스트랩

Question

사용자가 북마크하거나 다음 URL을 공유 한 경우 전체 페이지를 렌더링하기 위해 내 페이지 backbone.js 응용 프로그램 (Backbone.Router 사용)이 필요한 데이터를 검색하는 방법은 무엇입니까?

http://mydomain.example.com/menus#/menus/99/items/33/ingredients

사용자 내가 쉽게 메뉴의 첫 페이지를 부트 스트랩 할 수 http://mydomain.example.com/menus를 북마크합니다.

# Inline before </body>, in a <script> block 
Menus.reset(<%= @menus.to_json %>); 

그러나

의 I가 필요한 부트 스트랩의 3 층이야, 아직이 #hashtag 탐색이기 때문에, 서버가 메뉴의 메뉴 부트 스트랩 모르는, 위의 언급 경우 : menu_id, 항목의 항목 : ITEM_ID 그리고 재료의 첫 페이지.

# It would look like the following on a real page 
# http://mydomain.example.com/menus/99/items/33/ingredients 
# please see past the invalid syntax 
Menus.reset(<%= @menus.to_json %>); 
var menu = Menus.get(99); 
menu.items.reset(<%= @menus.find(99).items.find(:all).to_json %>); 
var item = Menus.items.get(33); 
item.ingredients.reset(<%= @menus.find(99).items.find(33).ingredients.find(:all).to_json %>); 

다른 사람들이이를 수행하는 데 사용할 수있는 패턴이 있습니까? 너에게 이해가 되니?

페이지를 그리는 데 필요한 모든 모델 및 컬렉션을 가져 오는 유일한 목적으로 부트 스트랩 컨트롤러를 만드는 것이 좋습니다./bootstrap? path =/menus/99/items/33/ingredients 그런 다음 호출자 페이지 http://mydomain.example.com/menus#/menus/99/items/33/ingredients에 jsonp를 반환해야합니다. 사전에

감사합니다.

Answer 1

질문을 올바르게 이해하면 데이터가로드되지 않아 응용 프로그램 중간에 딥 링크가 있으면보기가 제대로 구성되지 않을 수 있다는 문제가 발생합니다.

여기서는 경로와보기 사이에 1 : 1 대응이 필요하지 않다는 것을 알아야한다고 생각합니다.

라우터가 이러한 상황을 감지하면 일반 "로드 중"보기를 표시하고 데이터를 가져 오기 시작한 다음 데이터가 도착하면 원하는보기를 표시 할 수 있습니다.

(이 메커니즘은 또한 연결할 수 있습니다. 예를 들어 로그인보기,로드보기, 최종보기를 표시 할 수 있습니다).

그래서 나는 유틸리티 기능과 같이있을 수 있습니다 :

awaitFoos = function (foos, callback) { 
    var loadingView = new CommonLoadingView(); 

    if (foos.isFetched) { 
    callback(); 
    } else { 
    this.showPageView(loadingView); 

    foos.fetch({success: callback}); 
    } 
}; 

그리고 라우터에, 내가 이것을 사용합니다 : 그것은 내가 지금 뭘하는지 때문에

goFooView: function (fooid) { 
    var self = this; 

    this.appView.awaitFoos(function() { 
    var model = self.getFoo(fooid), 
     view = new FooView({model: model}); 

    self.appView.showPageView(view); 
    }); 
}