(clic) roto dentro * ngFor en elementos de tipo array si proviene de una función

enplnkr He reproducido un caso extraño extraño. Probablemente depende de pixijs o quizás de webgl como sucede cuando se usan pixijs.

Observe cómo puede hacer clic en todos los elementos de las listas, pero tan pronto como comience a usar pixijs (simplemente haga clic en el botón), el clic dejará de funcionar en el elemento de tipo array. losimpar Lo que pasa es que todavía funciona en todos los demás elementos. Estáaún más extraño que si en lugar de usar una función para devolver una matriz, se usa una matriz en línea, todo funciona como se espera ...

algunas ideas ?

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;  
  }
}

Respuestas a la pregunta(2)

Su respuesta a la pregunta