ES5中的Angular2输出？

Question

以下是使用ES5演示Angular 2中输出的示例代码。但是我得到一个TypeError: Cannot read property 'subscribe' of undefined错误。

var SampleComponent10 = ng.core.Component({ 
    selector: "sampleten", 
    outputs: ["click"], 
    template: "" 
}).Class({ 
    constructor: function(){ 
     setInterval(function(){ 
      this.click.next({}); 
     }.bind(this), 10000) 
    } 
}) 

var SampleComponent11 = ng.core.Component({ 
    selector: "sampleeleven", 
    directives: [SampleComponent10], 
    template: "<sampleten (click)='clicked($event)'></sampleten>" 
}).Class({ 
    constructor: function(){ 
     this.clicked = function(e){ 
      console.log(e); 
      console.log("Clicked"); 
     } 
    } 
}) 

似乎在SampleComponent11的模板中有一些错误。但我没能抓住它

Answer 1

你需要改变这样的代码：

var SampleComponent10 = ng.core.Component({ 
    selector: "sampleten", 
    outputs: ["click"], 
    template: "" 
}).Class({ 
    constructor: function(){ 
     this.click = new ng.core.EventEmitter(); <== add this line 
     setInterval(function(){ 
      this.click.next({}); 
     }.bind(this), 10000) 
    } 
}) 

也https://angular.io/docs/ts/latest/cookbook/ts-to-js.html#!#property-metadata