ngModel pour récupere les valeurs et doit etre accompagné obligatoirement de name de colonnne;
#f="ngForm" -> variable de ref pour recupere le form > nom de form est f
les conditions possibles sont required ; [disabled]=[[Link]] ; minlength ="3" ; pattern="[0_9]{8}*" ->
que 8 chiffres (type text en tant que chiffre) l etoile c une boucle pour forcer 0-9
#nom="NgModel" -> pour récuperer l'etat du champ
<div *ngif="[Link]">
obs : observale pour observer le comportement d une fonction ; reseau 505 400 ..
pour une fonction elle doit s incrire à l obs
path est dans app routing routes[]
<span> pr donner msg ets separer des blocs
id !: number ; ! -> pr accepeter nulle
offers !: offre[] -> declarer un tab de type offre
*ngFor="let offre of offers "-> nouv declarartion c offre , offers deja mawjouda
ng new esmprojet dans cmd l addi
npm install boostrap dans terminal angular
il faut l ajouter dans [Link] dans
Le module app est le module racine de l application
L partie logique est dans ts
Template url pr dire qu elle lié aux templateurl
Pr exécuter le projet : ng serve –open
Nouveau composant : ng g c nomcomposant
Ajouter un component nommé prouct puis ajouter son selector dans le composant <app-product>
dans component racine de l app qui est app
Créer les attributs de cette component dans un fichier nommé model puis un autre nommé
[Link] (manuellement) (export permet de l’utiliser dans autre component(public)
Puis il faut appeler ce fichier (import) pr pouvoir créer des instances de cette classe
Affectation des attribut dans une liste
Le proprety binding est le fait d’associer une propriété à une valeur dynamique par exp :
Button est disabled lorsque la quantité est égale à 0
Tr pr designer une ligne dans une table ; th nom colonne ; td valeur colonne
Event binding est le fait d’associer un event cad on a associer une methode déjà développe dans la
partie logique à un event declanché dans la partie template qui est le click
on veut ajouter une form de recherche puis filtrer la liste des prd par cette donnée avec ngIf
on a ajouté tbody puisque on ne peut pas utiliser de directives dans la même balise
Pr pouvoir utiliser ngModel il faut importer dans imports app module ts
Il faut déclarer pricemax dans ts
Pour créer un formulaire : il faut importer le module FormsModule dans app module ts puis créer le
component de cette form
Les directives :
Ngform permet de suivre tout le form avec une variable de référence déclaré par #
NgModel permet de suivre chaque input de chaque element
[(ngModel)]= « [Link] » pour specifier que ce input est lié a la classe product et attribut id et
#i= »ngModel » pour suivre le comportement de cette input et
pattern= »[0-9]+$ cad il peut saisir une infinité de nombre
Le [Link] pr traitrer les errors , toujours [Link]
Pattern=[0-9][0-9] il peut ecrire que 2 nombres
Enregistrer les données dans une liste après le remplissage du form
[Link]=[] ; initialisation d un liste dans angular
Fc save [Link]=0 car like n est pas pris dans le form
[Link]([Link]) -> add product to list
[Link]([Link]) pr afficher cette list dans le console
Dans cette ligne de code, nous utilisons la propriété snapshot de l'objet
route pour capturer l'état actuel de la route. L'objet route est injecté dans
le composant DetailsOfferComponent grâce à l'injection de dépendance.
Ensuite, nous utilisons la méthode paramMap de l'objet snapshot pour
accéder à un dictionnaire des paramètres de la route. Ce dictionnaire
contient les valeurs des paramètres définis dans l'URL.
Route c est l url
