|
|
|
|
335
|
|
335
|
|
336
|
Run `ionic generate page beer` to create a component and a template to display the list of good beers.
|
336
|
Run `ionic generate page beer` to create a component and a template to display the list of good beers.
|
337
|
|
337
|
|
|
|
338
|
+Add `BeerPage` to the `declarations` and `entryComponent` lists in `app.module.ts`.
|
|
|
339
|
+
|
338
|
Run `ionic generate provider beer-service` to create a service to fetch the beer list from the Spring Boot API.
|
340
|
Run `ionic generate provider beer-service` to create a service to fetch the beer list from the Spring Boot API.
|
339
|
|
341
|
|
340
|
Change `src/providers/beer-service.ts` to use have a `getGoodBeers()` method.
|
342
|
Change `src/providers/beer-service.ts` to use have a `getGoodBeers()` method.
|
|
|
|
|
363
|
}
|
365
|
}
|
364
|
```
|
366
|
```
|
365
|
|
367
|
|
366
|
-Modify `beer.html` to
|
|
|
|
|
368
|
+Modify `beer.html` to show the list of beers.
|
367
|
|
369
|
|
368
|
```html
|
370
|
```html
|
369
|
<ion-header>
|
371
|
<ion-header>
|
|
|
|
|
384
|
</ion-content>
|
386
|
</ion-content>
|
385
|
```
|
387
|
```
|
386
|
|
388
|
|
387
|
-Modify `beer.ts` to import `BeerService` and add as a provider. Call the `getGoodBeers()` method in the `ionViewDidLoad()` lifecycle method.
|
|
|
|
|
389
|
+Update `beer.ts` to import `BeerService` and add as a provider. Call the `getGoodBeers()` method in the `ionViewDidLoad()` lifecycle method.
|
388
|
|
390
|
|
389
|
```typescript
|
391
|
```typescript
|
390
|
import { Component } from '@angular/core';
|
392
|
import { Component } from '@angular/core';
|