Browse Source

Update Part-I.md

pull/1725/head
Halil İbrahim Kalkan 7 years ago
parent
commit
0e9e2d2354
  1. 18
      docs/en/Tutorials/Angular/Part-I.md

18
docs/en/Tutorials/Angular/Part-I.md

@ -342,7 +342,7 @@ Run `yarn start`, wait Angular to run the application and open `http://localhost
Open the `app-routing.module.ts` and replace `books` as shown below:
```typescript
```js
import { ApplicationLayoutComponent } from '@abp/ng.theme.basic';-
//...
@ -380,7 +380,7 @@ yarn ng generate component books/book-list
Import the `SharedModule` to the `BooksModule` to reuse some components and services defined in:
```typescript
```js
import { SharedModule } from '../shared/shared.module';
@NgModule({
@ -395,7 +395,7 @@ export class BooksModule {}
Then, update the `routes` in the `books-routing.module.ts` to add the new book-list component:
```typescript
```js
import { BookListComponent } from './book-list/book-list.component';
const routes: Routes = [
@ -425,7 +425,7 @@ yarn ng generate ngxs-schematic:state books
This command creates several new files and edits `app.modules.ts` to import the `NgxsModule` with the new state:
```typescript
```js
// app.module.ts
import { BooksState } from './store/states/books.state';
@ -446,7 +446,7 @@ First, create data types to map data returning from the backend (you can check s
Modify the `books.ts` as shown below:
```typescript
```js
export namespace Books {
export interface State {
books: Response;
@ -497,7 +497,7 @@ yarn ng generate service books/shared/books
Modify `books.service.ts` as shown below:
```typescript
```js
import { Injectable } from '@angular/core';
import { RestService } from '@abp/ng.core';
import { Books } from '../../store/models';
@ -522,7 +522,7 @@ Added the `get` method to get the list of books by performing an HTTP request to
Replace `books.actions.ts` content as shown below:
```typescript
```js
export class GetBooks {
static readonly type = '[Books] Get';
}
@ -532,7 +532,7 @@ export class GetBooks {
Open the `books.state.ts` and change the file as shown below:
```typescript
```js
import { State, Action, StateContext, Selector } from '@ngxs/store';
import { GetBooks } from '../actions/books.actions';
import { Books } from '../models/books';
@ -572,7 +572,7 @@ Added the `GetBooks` action that uses the `BookService` defined above to get the
Modify the `book-list.component.ts` as shown below:
```typescript
```js
import { Component, OnInit } from '@angular/core';
import { Store, Select } from '@ngxs/store';
import { BooksState } from '../../store/states';

Loading…
Cancel
Save