0% found this document useful (0 votes)
7 views2 pages

Backend Angular

Uploaded by

Roya LARIBI
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
7 views2 pages

Backend Angular

Uploaded by

Roya LARIBI
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

{

"article": []}

npm install -g json-server

json-server --watch db.json

<main>
<div class="position-relative">
<!-- shape Hero -->
<section class="section section-lg section-shaped pb-250">
<div class="shape shape-style-1 shape-default">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<div class="container py-lg-md d-flex">
<div class="col px-0">
<div class="row">
<div class="col-lg-6">
<h1 class="display-3 text-white">Campy M3ana !
<span>W badel jaw </span>
</h1>
</div>
</div>
</div>
</div>
<!-- SVG separator -->
<div class="separator separator-bottom separator-skew">
<svg x="0" y="0" viewBox="0 0 2560 100"
preserveAspectRatio="none" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<polygon class="fill-white" points="2560 0 2560 100 0
100"></polygon>
</svg>
</div>
</section>
<!-- 1st Hero Variation -->
</div>
<section class="section section-lg pt-lg-0 mt--200">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="row row-grid">
<div class="col-lg-4">
<div class="card card-lift--hover shadow border-0">
<div class="card-body py-5">
<div class="icon icon-shape icon-shape-primary
rounded-circle mb-4">
<i class="ni ni-check-bold"></i>
</div>
<form (ngSubmit)="addToCart()">

<div *ngFor="let article of listArticle">


<h6 class="text-primary text-uppercase">
{{article.idCommande}} {{article.etat}}</h6>
<!-- <div>
<img src="{{ article.thumbnail }}" alt="" />
</div> -->
<p class="description mt-
3">{{article.prixTotal}}</p>
<!-- <div>

<span class="badge badge-pill badge-


primary">{{article.prix}}</span>
</div> -->
<!-- <a [routerLink]="['/details', article.id]"
class="btn btn-primary mt-4">Details</a>
--> </div>

<button type="submit">Add to Cart</button>


</form>
</div>
</div>

You might also like