渲染，部分，查看。我应该在我的模板中放什么？

Question

我有一个应用程序，我希望在其中创建用户配置文件小部件。小部件将位于应用程序模板的导航栏中。该小部件看起来像一个登录按钮，可弹出模式登录对话框或包含指向各种用户相关功能/路线的链接的下拉菜单。

到目前为止，小部件的逻辑是这样的：

{{#if 'user.loggedIn'}}
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"/> {{user.username}}</a>
<ul class="dropdown-menu">
    <li>{{#link-to "profile" user}}Profile{{/link-to}}</li>
    <li>{{#link-to "logoff" user}}Logout{{/link-to}}</li>
</ul>
{{else}}
    <button class="btn btn-primary navbar-btn" data-target="#loginModal" data-toggle="modal">Login</button>
{{/if}}

我希望有一个控制器处理登录功能并调用模态提示：

App.UserController = Em.ObjectController.extend({
    loggedIn: Em.computed.readOnly('model.loggedIn'),
    username: '',
    password: '',
    showLoginModal: function(){
        Em.$("#loginModal").modal();
    },
    hideLoginModal: function() {
        Em.$("#loginModal").modal('hide');
    },
    login: function() {
        var username = this.get('username'),
            success = true; //attempt a login
        console.log('logging in as' + username);
        if(success) {
            this.send('hideLoginModal');
            this.set('user.loggedIn', true);
        }
        return false;
    }
});

所以我的问题是，使用小部件的 UserController 将此组件/视图/部分放入应用程序模板的最佳方法是什么？

我是 ember 的新手，所以请善待 :)。

Answer 1

我会为视图使用一个组件，并在 ApplicationController 和 UserModel 中处理登录逻辑。

但实际上，有多种方法可以解决这个问题！你也可以直接在applicationTemplate中做。

但是：你不应该使用普通视图或局部视图！大多数情况下，您应该使用组件！

渲染助手是一个选项，如果你需要视图/控制器模式，如果它没有明确分开！

一般： 如果你可以分开它，你应该。然后你应该使用一个组件。