2013-08-11 2 views
1

나는 이미 주제를 열고 질문을 삭제하지 않기 때문에 삭제했습니다. 불편을 드려 죄송합니다.Emberjs - 데이터 표시

그래서 질문은 다음과 같습니다. 나는 메인 페이지를 가지고 있는데, 그것은 FIXTURES에 정의 된 모든 객체를 표시해야한다. 이제는 엠버 및 핸들 바를 이해하는 한, 기본 페이지는 url에 따라 내용이 표시되는 {{outlet}} 태그를 가질 수 있습니다.

내 문제는 기본적으로 배열이 표시되고 클릭 할 때 세부 정보 '페이지'가 표시되는 하나의 화면이 있다는 것입니다. 그래서, 두 개의 '페이지'또는 'router.maps'가 있기 때문에 {{outlet}}을 사용해야합니다 : main과 details (아래 코드 참조).

배열을 직접 표시하면 세부 정보를 클릭해도 배열이 계속 표시됩니다. 내가 사용하는 경우 {{콘센트}}, 내가했던대로, 메인 페이지에 기본 재 직접적인 사용자에에 있습니다

App.Router.map(function(){ 
     this.resource("main"); 
     this.resource("details", {path: ':image_id'}); 
    }); 

    App.ApplicationRoute = Ember.Route.extend({ 
      redirect: function() { 
      return this.transitionTo('main'); 
      } 
     }); 

    App.MainRoute = Ember.Route.extend({ 
     model: function(){ 
      return App.Images.find(); 
     } 
    }); 

은 무엇이 경우에 완벽한 해결책이 될 것인가?

또한 DS.Store 작업은 예 : sessionStorage? insert.html에 데이터를 저장하고 view.html로 이동하면 .js 파일이 새로로드 될 때 해당 데이터가 표시됩니다.

다시 한 번 지원해 주셔서 감사합니다.

+0

맞아요, 세부 정보 페이지가 표시되는 동안 이미지 목록을 계속 표시 하시겠습니까? – intuitivepixel

답변

1

이 경우 완벽한 해결책은 무엇입니까?

리디렉션 대신 주 경로로 경로를 '/'로 설정하는 것이 좋습니다.

App.Router.map(function(){ 
    this.resource("main", {path: '/'}); 
    this.resource("details", {path: ':image_id'}); 
}); 
App.MainRoute = Ember.Route.extend({ 
    model: function(){ 
    return App.Images.find(); 
    } 
}); 

또한 DS.Store 예컨대처럼 작동 하는가 sessionStorage? insert.html에 데이터를 저장하고 view.html로 이동하면 .js 파일이 새로로드 될 때 해당 데이터가 표시됩니다.

아니요. DS.Store를 메모리 캐시로 생각하면 엠버 응용 프로그램이 실행되는 동안 사용할 수 있지만 브라우저를 새로 고칠 때 많은 정보가 유지됩니다. Ember Data는 여러 가지 어댑터를 지원합니다. 로컬 저장소를 원한다면 시도해보십시오. localstorage-adapter

+0

루트로 설정하는 것이 좋습니다. 고맙습니다! –