add new screenshots to angular tutorial part 2
@ -446,14 +446,15 @@ First, create data types to map data returning from the backend (you can check s
Modify the `books.ts` as shown below:
```typescript
import { ABP } from '@abp/ng.core';
export namespace Books {
export interface State {
books: Response;
}
export type Response = ABP.PagedResponse<Book>;
export interface Response {
items: Book[];
totalCount: number;
export interface Book {
name: string;
@ -540,6 +540,10 @@ Open `book-list.component.html` and modify the `ngbDropdownMenu` for add the del
</div>
```
The final actions dropdown UI looks like this:

### Open Confirmation Popup
Open `book-list.component.ts` and inject the `ConfirmationService` for show confirmation popup.
@ -570,3 +574,7 @@ delete(id: string, name: string) {
The `delete` method shows confirmation popup and listens to them. When close the popup, the subscribe block runs. If confirmed this popup, it will dispatch the `DeleteBook` action.
The confirmation popup looks like this:
