Question

我有一个标题，其中包含一些登录/注册表单，当您单击相应的按钮时会弹出这些表单。

虽然只使用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完全不熟悉，我真的不知道如何设置它。我唯一想要的是能够将弹出窗体设置为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();
  }
});

Ember.js：切换嵌套视图

1 个答案: