Angular 4 - property binding- slsh-fr
Télécharger en tant que PPT, PDF0 j'aime370 vues
Le document explique le concept de liaison de propriété dans Angular 4, indiquant qu'elle permet de définir les valeurs des propriétés d'éléments dans la vue d'un composant. Il présente trois méthodes pour établir cette liaison, notamment l'interpolation et l'utilisation de la notation entre crochets ou de 'bind-'. Enfin, il souligne l'importance de relier ces propriétés à des valeurs définies dans la classe du composant pour un fonctionnement optimal.
![info@vertika.org
-- Angular 4 -- -- 5by Jean Garutti
Il existe 3 façons
de définir une liaison de propriété :
1. <img src = "{{angularLogo}}">
2. <img [src] = "angularLogo">
3. <img bind-src = "angularLogo">
Property Binding, exemple](https://image.slidesharecdn.com/angular4-propertybinding-slsh-fr-170829003242/85/Angular-4-property-binding-slsh-fr-5-320.jpg)
Angular 4 - property binding- slsh-fr
- 1. vertika.org by Jean Garutti -- Angular 4 -- 08/29/17 -- 1 Angular 4 Property Binding
- 2. info@vertika.org -- Angular 4 -- -- 2by Jean Garutti La directive structurelle Elle est responsable de tout Angular l’améliore encore Jean Garutti – vertika.org
- 3. info@vertika.org -- Angular 4 -- -- 3by Jean Garutti je peins celle qui peint
- 4. info@vertika.org -- Angular 4 -- -- 4by Jean Garutti Définir les valeurs d’une propriété d’un élément dans la vue de la classe du composant Property Binding, qu’est-ce que c’est ?
- 5. info@vertika.org -- Angular 4 -- -- 5by Jean Garutti Il existe 3 façons de définir une liaison de propriété : 1. <img src = "{{angularLogo}}"> 2. <img [src] = "angularLogo"> 3. <img bind-src = "angularLogo"> Property Binding, exemple
- 6. info@vertika.org -- Angular 4 -- -- 6by Jean Garutti Vous pouvez utiliser l'interpolation pour définir la valeur, tant que la valeur que vous définissez est une string. Si ce n'est pas le cas, vous devez utiliser la méthode 2 ou 3. Property Binding, exemple
- 7. info@vertika.org -- Angular 4 -- -- 7by Jean Garutti La méthode la plus courante pour définir la liaison de propriété consiste à envelopper d’accolades doubles une propriété de l'élément et à la lier à une propriété de composant. Property Binding, exemple
- 8. info@vertika.org -- Angular 4 -- -- 8by Jean Garutti Ajouter bind- avant la propriété atteint le même objectif. Property Binding, exemple
- 9. info@vertika.org -- Angular 4 -- -- 9by Jean Garutti Pour que cela fonctionne, il suffit de définir angularLogo dans la propriété component: export class AppComponent { angularLogo = 'https://angular.io/resources/i mages/logos/angular2/angular.pn g'; } Property Binding, exemple
- 10. info@vertika.org -- Angular 4 -- -- 10by Jean Garutti Sauvegardez et exécutez ng serve sur la CLI, la vue affiche 3 logos, car tous les 3 éléments img fonctionnent. Property Binding, exemple
- 11. info@vertika.org -- Angular 4 -- -- 11by Jean Garutti Une autre utilisation courante est de placer la liaison de propriété sur l'attribut désactivé d'un élément de saisie. Property Binding, exemple
- 12. info@vertika.org -- Angular 4 -- -- 12by Jean Garutti Cela permet de contrôler quand un élément d'entrée donné doit être activé ou désactivé. Property Binding, exemple
- 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