Canjs 视图不呈现数据

我想在我的一个 ejs 视图上呈现数据时遇到了一个小问题。我将参数发送到视图，但此值未显示在视图中，而是显示为空白区域。

;(function(namespace, undefined) {
'use strict';
var PageHeader = can.Control({
    defaults: {         
    }
}, {
    'init': function(element, options) {
        var self = this;
        $('body').append( can.view('js/views/header.ejs', {data:  'foo'} ) );
    },
    destroy: function() {
        can.Control.prototype.destroy.call(this);
    }
    /*end of events*/
});
namespace.Controllers = namespace.Controllers || {};
namespace.Controllers.PageHeader = PageHeader; }(this));
//testing view header.ejs
 <div>
      <%= this.data %>
  </div>

视图呈现为空白区域，对象为空。我错过了一些东西，任何帮助不胜感激！