mr_plutus

Потестировал на плункере работает... Куда копать даже не знаю...

import { Component, OnInit } from '@angular/core';
import { HeroService }       from './service';

import 'rxjs/Rx';

@Component({
    templateUrl: 'template.html',
    providers: [ HeroService ]
})
export class RegistriesComponent implements OnInit {
    errorMessage: string;
    public data: Array<any> = [
        {'name':'test1'}
    ]
    constructor (private heroService: HeroService) {}

    ngOnInit() {
        this.data = [
            {'name':'test2'}
        ]
        this.getHeroes()
    }

    getHeroes() {
        console.log(this.heroService.getHeroes().subscribe(
            data => this.data = data,
            error =>  this.errorMessage = <any>error))
    }

}

В консоли от субскрайбера мишет:

Subscriber {closed: false, syncErrorValue: null, syncErrorThrown: false, syncErrorThrowable: false, isStopped: false…}

Выводить естессно test2, на плункере всё ок данные выводит с сервера

Для соблюдения пропорций как вариант overflow: hidden; text-align: center; height: 100%;
Либо картинки как background-image c background-size