Ember.js：切换嵌套视图

我有一个标题，上面有一些登录/注册表单，当你点击相应的按钮时会弹出

虽然只使用jQuery就可以很好地工作，但我现在已经开始将Ember集成到应用程序中，并且我在使用一些简单的切换功能时遇到了一些问题

以下是基本的HTML标记：

<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>

页面标题
登录
报名

我对灰烬完全是新手，我真的不知道如何设置它。我唯一想要的是能够将弹出窗体设置为

Ember.View

对象，并使用一些

操作

帮助程序切换它们

---

我真的很迷恋这个问题。

一个简单的解决方案是触发简单的操作来显示相应的表单：

<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();
  }
});