Cant connect postgresql database with angular 4 via java

I hava postgresql database and then i connect it to java model all was good and working. After that i try use Angular 4 to create UI of my application, but something wrong and then i start the application, i see just button “Show more goods!” without first md-card.In browser i dont have error. If someone see what i do wrong please say it to me.(sorry for my bad english).

GoodsController.java(without show import)

@RestController
public class GoodsController {
private static Logger logger = (Logger) 
LoggerFactory.getLogger(GoodsController.class.getName());

private final GoodsService goodsService;

@Autowired
public GoodsController(GoodsService goodsService) {
    this.goodsService = goodsService;
}

@RequestMapping(value = "/goods/all", method = RequestMethod.GET)
public ResponseEntity<?> findAll() {
    logger.info("Getting all goods");
    List<Goods> resultList = goodsService.findAll();
    return new ResponseEntity<List<Goods>>(resultList, HttpStatus.OK);
}
}

goods.component.ts

import {Component, Inject, OnInit} from "@angular/core";
import {GoodsServiceImpl} from "../service/igoods.service";
import {Goods} from "../model/goods";

@Component({
    selector: 'goods',
    templateUrl: '../../assets/html/goods.component.html',
    styleUrls: ['../../assets/style/goods.component.css']
})
export class GoodsComponent implements OnInit {

goods: Goods[];

constructor(@Inject('goodsService') private goodsService: GoodsServiceImpl) 
{

}

ngOnInit(): void {
    this.findAll();
}

findAll(): void {
    this.goodsService.findAll()
        .subscribe((goods: Goods[]) => this.goods = goods),
            (error => alert(error.message));
}
}

goods.service.ts

import {Injectable} from "@angular/core";
import {Headers, Http, RequestOptions, Response, URLSearchParams} from 
"@angular/http";
import "rxjs/add/operator/toPromise";
import {Observable} from "rxjs";
import {GoodsServiceImpl} from "../igoods.service";
import {Goods} from "../../model/goods";

const ALL_GOODS_PATH = 'api/goods/all';
const ONE_GOODS_PATH = 'api/goods';

@Injectable()
export class GoodsService implements GoodsServiceImpl {

constructor(private http: Http) {
}

findAll(): Observable<Goods[]> {
    return this.http.get(ALL_GOODS_PATH)
        .map((response: Response) => {
            response.json()
        })
        .catch((error: any) => Observable.throw(error));
}

goods.component.html

<md-card *ngFor='let oneGoods of goods'>
<md-card-title>{{oneGoods.title}}</md-card-title>
<img md-card-image src='/assets/image/001.jpeg' alt='picture'>
<div class='card-footer' color='primary'>
    <md-card-content>{{oneGoods.description}}</md-card-content>
    <button md-raised-button color='primary' [routerLink]='["/goods", 
oneGoods.id]'>Read more...</button>
</div>
</md-card>
<md-card>
<button md-raised-button color='primary'>Show more goods!</button>
</md-card>

igoods.service.ts

import {Observable} from "rxjs";
import {Goods} from "../model/goods";

export interface GoodsServiceImpl {

findAll(): Observable<Goods[]>;

getOne(id: number): Observable<Goods>;

save(goods: Goods): Observable<Goods>;
}

goods.ts

import Cities from './cities';
import {Users} from './user';
import Categories from './categories';


export class Goods {
  id: number;
  title: string;
  description: string;
  city: Cities;
  author: Users;
  price: number;
  created_date: Date = new Date();
  category: Categories;
}