Ember.js : 중첩 된보기 전환

Question

해당 버튼을 클릭하면 일부 로그인/가입 양식이있는 헤더가 있습니다.

그냥 jQuery를 사용하여 잘 작동했지만 지금은 Ember를 응용 프로그램에 통합하기 시작했습니다. 몇 가지 간단한 토글 기능으로 문제가 발생합니다.

<header> 
    <h1>Page Title<h1> 

    <nav> 
    <a id="toggles-login" class="button {{active_class_binding}}">Login</a> 
    <a id="toggles-signup" class="button {{active_class_binding}}">Signup</a> 
    </nav> 

    <div id="popup-forms"> 
    <div id="login-form"></div> 
    <div id="signup-form"></div> 
    </div> 
<header> 

내가 엠버 완전히 새로운 그리고 난 정말이를 설정하는 방법에 대해 아무 생각이 :

다음은 기본적인 HTML 마크 업입니다. 내가 원하는 유일한 것은 팝업 양식을 Ember.View 개체로 설정하고 일부 action 도우미로 토글 할 수 있습니다.

나는 이걸 정말로 잃어 버렸습니다.

Answer 1

간단한 솔루션은 각각의 형태를 보여주기 위해 간단한 동작을 트리거하는 것입니다 :

<a id="toggles-login" class="button {{active_class_binding}}" {{action showLoginForm target="view"}}>Login</a> 
<a id="toggles-signup" class="button {{active_class_binding}}" {{action showSignupForm target="view"}}>Signup</a> 

대응하는 뷰가 모두 동작을 구현해야합니다 : 도움을

App.YourView = Ember.View.extend({ 
    showLoginForm : function(){ 
    this.$("#login-form").toggle(); 
    }, 
    showSignupForm : function(){ 
    this.$("#signup-form").toggle(); 
    } 
});