<ul>
        <li *ngFor="let user of users">
            <p @heroState='user.state' (click)="user.toggleState()">{{user.name}}</p>
            <p>{{user.state}}</p>
            <button (click)="remove(user)"> Eliminar </button>
        </li>
    </ul>

export class CuadroComponent {
    @Input() users:EjemploService;
    @Output() evento=new EventEmitter();
...


}

selector: 'my-app',
template: `Prueba angular2.0</h1>
    <p>Probando cuadro</p>
<button [disabled]="!users.canAdd()" (click)="users.addActive()">Añadir Activo</button>
<button [disabled]="!users.canAdd()" (click)="users.addActive()" >Añadir Inactivo</button>
<button [disabled]="!users.canRemove()" (click)="users.remove()" >Remover </button>
<cuadro [users]=users (evento)="evento($event)"></cuadro>
`,

remove(user:User=null){
    console.log("USER A REMOVER==",user)
    if(user==null){
    this.items.splice(this.items.length-1,1);
    }
    else{
    this.items=this.items.filter(u=>u!=user);
    }
    console.log("LISTA FINAL",this.items)
    this.items.forEach(function(x,y){
    console.log(x,y);
    })
    }