Question

因此，我很难将对象的数据导入到下划线模板中。

JS

var details = SD.defaultView.extend({
    el: 'page',
    template: JST['app/www/js/templates/sex.ejs'],
    information: {
        header: 'some information!!!',
        image: '/img/path.jpg'
    },
    render: function () {
        var infom = _.template(this.template(), this.information);
        c(_.template(this.template()).source);
        this.$el.html(infom);
    }
});

JST模板

<% console.info(this.information); %>
<sexform></sexform>

控制台输出

Object { header="some infromatoin!!!", image="/img/path.jpg"} global.js (line 34)
Object { header="some infromatoin!!!", image="/img/path.jpg"} global.js (line 34)

//output of c(_.template(this.template()).source);
function(obj){
var __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');};
with(obj||{}){
__p+='<sexform></sexform>';
}
return __p;
}

现在，正如您所看到的那样，该对象正在通过this传递，但如果我尝试这一点，那就很有意义了：

 <% c(this.information.header); %>
 <sexform></sexform>

出现以下错误：

TypeError: this.information is undefined  templates.js (line 21)
...__e = _.escape, __j = Array.prototype.join;function print() { __p += __j.call(ar...

这应该100％使用点符号。

Answer 1

那是因为数据未定义！您传递this.data而不是{data: this.data}，因此模板的参数为{header: '..', image: '..'}

正确的代码是：

var wank = SD.defaultView.extend({
    el: 'page',
    template: JST['app/www/js/templates/sex.ejs'],
    data: {
        header: 'interesting!!!',
        image: '/img/path.jpg'
    },
    render: function () {
        // this line is changed
        var infom = _.template(this.template(), {data: this.data});
        this.$el.html(infom);
    }
});

修改

template: JST['app/www/js/templates/sex.ejs']是编译模板，所以：

var infom = _.template(this.template(), {data: this.data});

错了，一定是

var infom = _.template({data: this.data});

下划线模板没有获得价值？

1 个答案: