javascript - 如何使用把手来显示一个或另一个值

Question

我需要帮助了解车把的基础知识。

例如，我有以下 html 代码：

<div id="box">

</div>

我希望它在 div 中显示"Login"或"Register"（字符串）。我如何使用车把来做到这一点？看了很多教程，还是没看懂。

Answer 1

您可以使用这样的条件语句：

{{#if someCondition}}
    <a>Login</a>
{{else}}
    <a>Register</a>
{{/if}}

或者，如果您在视图代码中决定要显示哪个字符串并将其传递到模板中，然后像这样输出它可能会更容易：

<div id="box">
    <a>{{loginOrRegister}}</a>
</div>

您可以通过模板函数作为参数的对象来做到这一点，例如

render: function() {
    this.$el.html(this.template({
        loginOrRegister: this.outputLoginOrRegisterText()
    }));
    return this;
}

显然this.outputLoginOrRegisterText()应该由你定义:)