用户在选项标签上返回null

时间:2017-04-19 16:26:38

标签: javascript jquery backbone.js requirejs handlebars.js

我正在尝试列出我的数据来选择选项。我正在使用把手骨干jquery requireJS。

userselectlist.js

var users = new UserCollection();
var SelectUserList = Backbone.View.extend({
    model: User,
    el:'.page',
    render:function(users)
    {

        var template = Handlebars.compile(SelectUserListTemplate);
        var html = template({users:users.toJSON()});
        console.log(users);//This line
       $("#userSelect").html(html);
    }
});

return {
    users:users,
    SelectUserList:SelectUserList
};

我的select-user-list.html

    <option value="">Kullanıcı Seçiniz</option>
{{#each users}}
<option value='{{userID}}'>{{firstName}}</option>
{{/each}}

index.html

            <div class="page">
            <div class="form-group">
                <select class="form-control" id="userSelect"></select>
            </div>

router.js

  user:function(){
  $('body').after(spinner.spin().el);
        var users = new Users();
        var userSelect = new UserSelectList.SelectUserList();
        users.fetch({

            contentType: "application/json",
            cache: false,
            success: function (m_users) {
                m_users.each(function (m_model) {
                    spinner.stop();
                    var userList = new UserSelectList.SelectUserList();
                    UserSelectList.users = new Users();
                    userList.render(m_model);
                });
                }

我的问题是用户使用console.log打印。但是select标签有一个空选项行。如果你不明白(对不起我的英文),你可以看看这个ScreenShot

ScreenShot

1 个答案:

答案 0 :(得分:0)

<option value="">Kullanıcı Seçiniz</option>
{{#users}}
<option value='{{userID}}'>{{firstName}}</option>
{{/users}}

我删除了“每个”标签并进行了操作。