javascript - Handlebars 选择列表

标签 javascript jquery backbone.js handlebars.js

我正在尝试列出我的数据以选择选项。我正在使用 Handlebars Backbone jquery requireJS。

这是我的模板

    <select id="userSelect">
<option value="" selected="selected">Kullanıcı Seçiniz</option>
{{#each users}}
<option value='{{userID}}'>{{username}}</option>
{{/users}}
</select>

我的看法

var users = new User();
var SelectUserList = Backbone.View.extend({
    model: User,
    el:'.page',
    render:function(users)
    {
        var template = Handlebars.compile(SelectUserList);
        var html = template({users:users.toJSON()});
        $("#userSelect").html(html);
        this.$el.html(SelectUserList);
        return this;

    }
});

return {
    users:users,
    SelectUserList:SelectUserList
};

还有我的 Router.js

  user: function () {
        var spinner = new Spinner();
        $('body').after(spinner.spin().el);
        var users = new Users();
        var userSelect = new UserSelectList.SelectUserList();
        users.fetch({
            contentType: "application/json",
            error: function () {
                console.log("error");
            },

            cache: false,
            success: function (m_users) {

                userSelect.users=m_users;
             userSelect.render(UserSelectList.users);
             disposeView(new UserSelectList.SelectUserList().render());

                }

        });

DisposeView函数

    function disposeView(view) {
    var current = this.currentView;
    if (current) current.close();
    current = this.currentView = view;
    current.delegateEvents();
    return current;
}

我有这个错误 My Error

我该如何解决?我的错在哪里? 谢谢

最佳答案

您收到错误消息是因为您在 {{/}} 之后提供了不正确的助手名称。

{{#each users}}
  <option value='{{userID}}'>{{username}}</option>
{{/users}}

应该更正为

{{#each users}} 
 <option value='{{userID}}'>{{username}}</option> 
{{/each}} 

关于javascript - Handlebars 选择列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43420354/

相关文章:

javascript - JQuery选择值if语句无法正确比较

jquery - Laravel 5 AJAX 500 发布错误

javascript - 用 Jasmine 测试backbone.js应用程序-如何测试 View 上的模型绑定(bind)?

javascript - 如何从 Firebase 的实时数据库中删除具有 UID 的用户?

javascript - 关键依赖: the request of a dependency is an expression on jQuery Form Validator plugin

javascript - 使用 jQuery,我如何知道表单是否已更改?

javascript - 使用变量作为对象文字中的键(传递给 jQuery 的 animate)?

javascript - 如何使用 Jest 模拟同一模块中的函数?

backbone.js - 使用Requirejs在Backbone中预编译Handlebars模板?

javascript - Backbone - 将条目添加到集合中(从集合内部)