Backbone.js - 将 json 数据放入视图中

发布于 2024-12-17 12:51:28 字数 738 浏览 0 评论 0原文

User = Backbone.Model.extend({
  urlRoot: "users",

  initialize: function(){
    this.fetch();
  }
});

  var HomeView = Backbone.View.extend({
    el: '#container',
    template: _.template($("#home-template").html(), this.model),

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

  var App = Backbone.Router.extend({
      routes: {

          '/home':       'home',
      },

      home: function() {
        var user = new User({id: 1});
        homeView = new HomeView({
          model: user
        });
        this.homeView.render();
      }
    });

由于某种原因，我无法将模型数据注入到 HomeView 模板中。我看到 ajax 请求被发送并且返回的数据是正确的。我在调用视图时将静态数据放在同一位置，并且效果很好。

有什么建议吗？

原文

User = Backbone.Model.extend({
  urlRoot: "users",

  initialize: function(){
    this.fetch();
  }
});

  var HomeView = Backbone.View.extend({
    el: '#container',
    template: _.template($("#home-template").html(), this.model),

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

  var App = Backbone.Router.extend({
      routes: {

          '/home':       'home',
      },

      home: function() {
        var user = new User({id: 1});
        homeView = new HomeView({
          model: user
        });
        this.homeView.render();
      }
    });

for some reason I can't get the model data to be injects into the template for HomeView. I see the ajax request being sent off and the data coming back is correct. I put static data in the same place when calling the view and it worked fine.

Any suggestions?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

久随 2024-12-24 12:51:28

我认为这是因为您在错误的时间执行模板。它应该在调用 render 时完成，如下所示：

var HomeView = Backbone.View.extend({
  el: '#container',
  template: _.template($("#home-template").html()),

  render: function() {
    $(this.el).html(this.template(this.model.toJSON()));
    return this;
  }
});

I think it's because you are executing your template at the wrong time. It should be done when render is called, like this:

var HomeView = Backbone.View.extend({
  el: '#container',
  template: _.template($("#home-template").html()),

  render: function() {
    $(this.el).html(this.template(this.model.toJSON()));
    return this;
  }
});

回复收藏 0 原文

~没有更多了~