Как выполнять операции CRUD в Ionic-3?

Question

Я хочу знать, как вставить данные от пользователя в форме из и выполнить приложение crud с помощью jsonserver, как я могу это сделать. Это мой файл rest.ts

    // page with the api 
    public getProducts(): Observable<any> {
      return this.http
      .get(this.baseUrl + '/products')
    }

Этомой файл list.ts

//page to shown 

    onCreateProduct(product)
    {
      console.log(this.product);
      this.restProvider
      .createProduct(product)
      .subscribe(
      (newProduct) => {
        this.products=this.product.push(newProduct);
        this.products = this.products.concat(newProduct);
        }
      );
    }

Это мой файл list.html

 //page with the form handling
    <form (ngSubmit)="onCreateProduct(product)" #product="ngForm" class="list-form">
     <table>
      <tr>
       <td>Enter name</td>
       <td>
        <ion-input [(ngModel)]="product.name" class="form-control" name="name" type="text" #name="ngModel">
        </ion-input>
       </td>
      </tr>
      <tr>
       <td>Enter cost</td>
       <td><ion-input[(ngModel)]="product.cost" class="form-control" name="cost" type="text" #cost="ngModel">

           </ion-input>
       </td>
      </tr>
      <tr>
       <td colspan="2">
        <button ion-button >CREATE</button>  
       </td>
      </tr>
    </table>
    </form> 
    <br/>


    </div>

    <h3>Product Details</h3>
     <table>
      <tr>
       <th> Id</th>
       <th>Product_name</th>
       <th>Product_cost</th>
       <th></th><th><th></th>
      </tr>
      <tr *ngFor="let product of products" >
       <td>{{product.id}}</td>
       <td>{{product.name}}</td> 
       <td>{{product.cost}}</td>
       <button ion-button (click)="onEditProduct(product)">Edit </button>
       </td> 
       <td>
        <button ion-button (click)="onRemoveProduct(product)">Delete </button>
       </td>
       <td>
        <button ion-button (click)="onUpdateProduct(product)">UPDATE </button>
       </td>
      </tr>
    </table>

Answer 1

Вы не можете ожидать, что кто-то полностью реализует ваше CRUD-приложение для вас.Я бы посоветовал вам взглянуть на Ионическую академию , чтобы начать с.

Некоторые рекомендации:

• Вы должны иметь всю логику в одном месте (обычносервис, который вызывается)
• Затем вам нужно будет создать сервис хранилища, который фактически будет хранить данные, будь то локальное хранилище, как в учебнике или в базе данных.Я бы посоветовал придерживаться локального хранилища, пока вы не разберетесь с вещами
• Читайте обещания , они ваши друзья.