Angular 4 - interpolation -- Français
Télécharger en tant que PPT, PDF0 j'aime317 vues
Le document explique l'interpolation dans Angular 4, qui permet d'afficher des données dans les templates en utilisant des accolades doubles. Il détaille le fonctionnement des expressions qui peuvent inclure des propriétés de composants ou des calculs mathématiques. Des exemples illustrent comment Angular évalue et remplace les noms des propriétés par leurs valeurs correspondantes dans le HTML.
![info@vertika.org
-- Angular 4 -- -- 12by Jean Garutti
Les accolades d'interpolation dans
{{1 + 1}} entourent l'expression
de template 1 + 1.
une expression de template
apparaît entre côtes
à droite du symbole =
[propriété] = "expression".
Interpolation, fonctionnement](https://image.slidesharecdn.com/angular4-interpollationslsh-fr-170828210253/85/Angular-4-interpolation-Francais-12-320.jpg)
Angular 4 - interpolation -- Français
- 1. vertika.org by Jean Garutti -- Angular 4 -- 08/28/17 -- 1 Angular 4 Interpolation
- 2. info@vertika.org -- Angular 4 -- -- 2by Jean Garutti Installer Angular Hormis quelques étrangetés mineures C’est vraiment simple Jean Garutti – vertika.org
- 3. info@vertika.org -- Angular 4 -- -- 3by Jean Garutti c’est le pilier d’Angular
- 4. info@vertika.org -- Angular 4 -- -- 4by Jean Garutti C’est juste un mot chic pour « afficher des données dans le Template ». Ces données sont habituellement définies dans la classe des composants. Lorsque vous utilisez la ANGULAR CLI pour générer un projet ANGULAR , elle affiche une propriété de title par interpolation dans le fichier Template app.component.html. Interpolation, qu’est-ce que c’est ?
- 5. info@vertika.org -- Angular 4 -- -- 5by Jean Garutti Cela ressemble à ceci: <h1> {{title}} </h1> propriété de title par interpolation
- 6. info@vertika.org -- Angular 4 -- -- 6by Jean Garutti L'interpolation fonctionne en enveloppant des crochets doubles autour d'une expression du Template. Une expression du Template peut représenter une propriété de composant ou même des équations mathématiques <p>The sum of 1 + 2 is {{1 + 2}}</p> Interpolation, fonctionnement
- 7. info@vertika.org -- Angular 4 -- -- 7by Jean Garutti L'expression peut invoquer les méthodes du composant hôte tel que getVal () : <p>The sum of 1 + 2 is not {{1 + 2 + getVal() }}</p> Interpolation, fonctionnement
- 8. info@vertika.org -- Angular 4 -- -- 8by Jean Garutti src/app/app.component.html 1. <h3> {{title}} 2. <img src="{{ImageUrl}}" style="height:30px"> 3. </h3> Interpolation, fonctionnement
- 9. info@vertika.org -- Angular 4 -- -- 9by Jean Garutti Le texte entre les accolades est souvent le nom d'une propriété de composant. Angular remplace ce nom par la valeur string de la propriété de composant correspondante. Interpolation, fonctionnement
- 10. info@vertika.org -- Angular 4 -- -- 10by Jean Garutti Dans l'exemple ci-dessus, Angular évalue les propriétés title et ImageUrl et "remplit les espaces", affichant d'abord le titre d'application puis une image. Interpolation, fonctionnement
- 11. info@vertika.org -- Angular 4 -- -- 11by Jean Garutti Une expression de modèle produit une valeur. Angular exécute l'expression et l'affecte à une propriété de la cible La cible peut être un élément HTML un composant ou une directive. Interpolation, fonctionnement
- 12. info@vertika.org -- Angular 4 -- -- 12by Jean Garutti Les accolades d'interpolation dans {{1 + 1}} entourent l'expression de template 1 + 1. une expression de template apparaît entre côtes à droite du symbole = [propriété] = "expression". Interpolation, fonctionnement
- 13. info@vertika.org -- Angular 4 -- -- 13by Jean Garutti en 7 langues en présentiel ou en e-learning par des experts Pour la suite, inscrivez-vous aux cours Angular 4
- 14. info@vertika.org -- Angular 4 -- -- 14by Jean Garutti