<table>

<thead>
<tr>
<th colspan="3">N� T�che</th>
<th colspan="3">Client</th>
<th colspan="3">Projet</th>
<th colspan="3">Collaborateur</th>
<th colspan="3">N� Ticket</th>
<th colspan="3">Objet</th>
<th colspan="3">Action</th>
</tr>

</thead>
<tbody>
<tr *ngFor="let item of itemArray">
<th colspan="3">{{item.NumTache}}</th>
<th colspan="3">{{item.Client}}</th>
<th colspan="3">{{item.Projet}}</th>
<th colspan="3">{{item.Collaborateur}}</th>
<th colspan="3">{{item.NumTichet}}</th>
<th colspan="3">{{item.Objet}} </th>
<td>
<button ><i class="material-icons button edit"
(click)="onEdit(item.NumTache,item.Client,

item.Projet,item.Collaborateur,item.NumTichet,item.Objet)">edit</i></button>
<button > <i class="material-icons button delete"
(click)="onDelete(item.key)">delete</i></button>
</td>
</tr>
<div class="modal-container">
<input id="modal-toggle" type="checkbox">
<button>Click me</button>
<div class="modal-backdrop">
<div class="modal-content">
<label class="modal-close" for="modal-toggle">x</label>
<h2>Modifier T�che</h2>
<hr />
<form method="post">

<div class="row">
<div class="col-md-6">
<div class="form-group">

<input type="text" name="NumTache"

value={{item.NumTache}} class="form-control" placeholder="N� de tache *"
value="" />
</div>
<div class="form-group">
<input type="text" name="Client" value={{item.Client}}
class="form-control" placeholder="Client *" value="" />
</div>
<div class="form-group">
<input type="text" name="Projet" value={{item.Projet}}
class="form-control" placeholder="Projet *" value="" />
</div>
<div class="form-group">
<input type="text" name="Collaborateur"
value={{item.Collaborateur}} class="form-control" placeholder="Collaborateur *"
value="" />
</div>
<div>
<div class="form-group">
<input type="text" name="NumTichet"
value={{item.NumTichet}} class="form-control" placeholder="N� ticket *"
value="" />
</div>

</div>
<!--Afficher la date-->

<!--Afficher la date-->
</div>

<div class="col-md-6">
<div class="form-group">
<textarea name="Objet" value={{item.Objet}} class="form-
control" placeholder="Objet *" style="width: 100%; height: 230px;" ></textarea>
</div>

</div>

</div>

<button type="button" class="btn btn-primary btn-sm"

(click)="onEdit(item.NumTache,item.Client,

item.Projet,item.Collaborateur,item.NumTichet,item.Objet)">Enregistre</button>

</form>

<label class="modal-close button" for="modal-toggle">Save</label>

</div>
</div>
</div>
</tbody>
</table>

http://www.leprogrammeurmarocain.com/angular-http/
https://www.youtube.com/watch?v=hfhlzY3U27M
https://medium.com/code-divoire/creation-dune-application-web-avec-node-js-et-
angular-v6-partie-2-frontend-820c998f6996
import * as firebase from 'firebase/app';