(click) quebrado dentro de * ngFor em elementos do tipo array se provenientes de uma função

noplnkr Eu reproduzi um caso estranho. Provavelmente depende de pixijs ou talvez de webgl, como acontece ao usar pixijs.

Observe como você pode clicar em todos os elementos das listas, mas assim que começar a usar pixijs (basta clicar no botão), o clique para de trabalhar no elemento do tipo array. oímpar O fato é que ele ainda funciona em todos os outros elementos. Isto éainda mais estranho que se, em vez de usar uma função para retornar uma matriz, for usada uma matriz em linha, tudo funcionará conforme o esperado ...

alguma ideia ?

app.component.ts

<button *ngIf="!renderer" (click)="breakIt()">break me</button> 
<span *ngIf="renderer">BROKEN</span>
Clicked: {{clicked | json}}

<h2>It breaks</h2>
<h3 *ngFor="#n of ns()" (click)="click(n)">{{n | json}}</h3>

<h2>It works</h2>
<h3 *ngFor="#n of [[2,4],'ciao',4,true]" (click)="click(n)">{{n | json}}</h3>

app.component.html

import {Component} from 'angular2/core';

@Component({
    selector: 'my-app',
    templateUrl: './app/app.component.html'
})
export class AppComponent { 
  clicked = "";
  renderer;

  breakIt() {
    this.renderer = PIXI.autoDetectRenderer(200, 200,{backgroundColor : 0x1099bb});
  }

  ns() {
    return [[2,4],'ciao',4,true];
  }

  click(n) {
    this.clicked=n;  
  }
}

questionAnswers(2)

yourAnswerToTheQuestion