<div class="loading" *ngIf="!heroes">
    <md-spinner class="app-spinner"></md-spinner>
</div>

<md-list *ngIf="heroes">
    <md-list-item *ngFor="let hero of heroes" class="listHero">
        <div class="color-box" [style.background-color]="hero.get('color')"></div>
        <div class="name">{{hero.get('name')}}</div>
    </md-list-item>
</md-list>

<div class="loading" *ngIf="!heroes">
    <md-spinner class="app-spinner"></md-spinner>
</div>

<md-list *ngIf="heroes">
    <md-list-item *ngFor="let hero of heroes" class="listHero">
        <div class="color-box" [style.background-color]="hero.color"></div>
        <div class="name">{{hero.name}}</div>
    </md-list-item>
</md-list>

ADD replace get() with proxy-acessor
ADD replace get() with proxy-acessor
