Bootiful Development with Spring Boot and Angular

Bootiful Development with Spring Boot and Angular

This tutorial shows you how to develop a Spring Boot API and an Angular front-end that displays data from it.

Satheesh Kumar Kokkula

can you please post on example for sign in and sign up?

Sandro Agboka

Hi Matt! I am getting this error on the giphy.service.ts file.
The line triggering the error is : <return this.http.get(apilink).map((response:="" any)="" …="">
Error:(13, 35) TS2339: Property ‘map’ does not exist on type ‘Observable<object>’.

Matt Raible

Make sure your imports match the article. It sounds like you need to have the following at the top of your giphy.service.ts:

import ‘rxjs/add/operator/map’;

Matt Raible

There’s a couple blog posts that show sign in with Angular and Okta. See Angular Authentication with OpenID Connect and Okta in 20 Minutes and Build a Basic CRUD App with Angular 5.0 and Spring Boot 2.0.


Hello, before you added the Giphy service i got the error TypeError: response.json is not a function. after changeing the error response to

error => console.error()

I no longer got the error, but I couldn’t get the

<div *ngfor=“let b of beers”> {{}}</div>

to display the names of the beers.

Any help would be appreciated

Matt Raible

I’m guessing there’s a CORS error in your browser console that you’re not seeing. If you read just a little bit further, you’ll see how to configure CORS for Spring Boot.

Mohammed Diedhiou

How can we get the command which generate code to go fast. like boot-entity, boot-controller etc …

Matt Raible

Hello Mohammed: those are IntelliJ Live Templates. There’s a number of built-in ones. You can also pre-record code snippets, then recall them using Command+J plus a shortcut you define. They’re pretty handy for demos. :wink:

Ayoube Barakate

Thank u very much @Matt