0% found this document useful (0 votes)
13 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)
13 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

{

"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