0

我在渲染模板时尚未准备好的对象时遇到问题。因此，它在没有数据绑定的情况下呈现空视图。

使用延迟对象或其他方法来确保数据绑定的正确方法是什么？

var Project = can.Model.extend({
    findOne: 'GET /v1/project?id={id}'
})
 var ProjectControl = can.Control.extend({
    selectedProject: '',
    init: function(el, options) {
        /*Get data and initialize objects*/
        var self = this;
        Models.Project.findOne({
            id: 3
        }, function(project) {
            self.selectedProject = project;
        });
    },
    'route': function() {
        /*root route*/
        $('#projectView').html(can.view('projectViewTemplate', this.selectedProject));
    }

})

var pc = new Controllers.ProjectControl('body');
can.route.ready();
window.location.hash = '#!'

我试过用空模型初始化 selectedProject ，但这似乎有点转储方式：

 new Models.Project({name:'Empty project'}, phases:[]) //Dump way for doing the databinding

当我需要使用项目的子对象（如项目阶段）时，这也不会解决问题。

编辑：我发现等待项目子对象的方式很尴尬。我绑定了模型更改的处理程序，所以现在即使刷新也有效。有没有更优雅的方法来做到这一点？

'edit/:id route': function(data) {
    var data = data;
    var self = this;
    this.selectedProject.bind('name', function(ev) {
        $('#projectView').html(can.view(self.defaults.phaseEditProject, {
            'phase': self.selectedProject.phases[data.id],
        }));
    })
},
4

1 回答 1

1

做这个：

init: function(el, options) {
    /*Get data and initialize objects*/
    var self = this;
    self.selectedProject = Models.Project.findOne({
        id: 3
    }).done(function(project) {
        self.selectedProject = project;
    });
},

将 deferred 传递给 can.view 等待 deferred 解析然后使用其解析值。随后，如果路线发生变化，项目将出现在 selectedProject 插槽中，可供使用。

于 2014-05-19T21:07:35.150 回答