특정보기를 표시하기 위해 경로를 구현하는 가장 쉬운 방법은 무엇입니까?

Question

화면 오른쪽에서 슬라이드하는 여러 개의 패널이있는 사이트를 만들었습니다.

내 웹 페이지를 공유 할 각 패널에 링크를 추가하고 사용자가 사이트를 방문하면 해당 특정 패널이 열리길 원합니다. 예를 들어

:

www.something.com/#/panel-1

패널-1 내 페이지를 표시 것인가는 열려있는 동안 :

www.something.com/#/ panel-2는 panel-2가 열린 나의 페이지를 보여줄 것입니다.

가장 쉬운 방법은 무엇입니까? Ember, Angular 또는 Backbone의 라우터와 뷰를 단순한 html로만 사용할 수 있습니까? router.js와 같은 것을 사용해야합니까?

도움, 조언 또는 링크를 제공해 주시면 감사하겠습니다.

Answer 1

물론 그렇게 할 수 있습니다. 그것은 엠버의 가장 강한 자질 중 하나입니다 .js. 경로를 선언 한 후 프레임 워크는 모든 해당 컨트롤러와 뷰를 자동으로 생성 할 수 있습니다 (컨벤션 오버 규칙이라고 함). 예를

Ember.Application.create({}); 
Ember.Router.map(function(){ 
    this.route('panel1'); 
    this.route('panel2'); 
}); 


<script type="text/x-handlebars"> 
    {{link-to 'index' 'index'}} 
    {{link-to 'first panel' 'panel1'}} 
    {{link-to 'second panel' 'panel2'}} 

    <!--your panels will be inserted automatically in the outlet property--> 
    {{outlet}} 
    </script> 

    <script type="text/x-handlebars" data-template-name="panel1"> 
    panel 1 
    </script> 
    <script type="text/x-handlebars" data-template-name="panel2"> 
    panel 2 
    </script> 

데모 참조 : http://jsbin.com/dekixayuxa/1/