Les expressions sont utilisées pour lier les données d'application à HTML. Les expressions sont écrites en double crochets comme {{expression}}. Le comportement dans les expressions est le même que la directive NG-Bind. Les expressions d'application AngularJS sont des expressions JavaScript pures et produisent les données qu'ils y sont utilisées.
Utiliser les numéros
<p> Dépenses sur les livres: {{Cost * Quantité}} rs </p>
Utilisation de cordes
<p> Bonjour {{Student.FirstName + "" + Student.lastName}}! </p>
Utiliser l'objet
<p> Roll No: {{Student.rollno}} </p>
Utilisation des tableaux
<p> marques (math): {{marques [3]}} </p>
exemple
Les exemples suivants montreront toutes les expressions ci-dessus.
Le code de fichier testangularjs.html est le suivant:
<html> <Title> AngularJs Expressions </Title> <body> <h1> Exemple d'application </h1> <div ng-app = "" ng-init = "Quantity = 1; Cost = 30; Student = {FirstName: 'Mahesh', LastName: 'ParAshar', RollNo: 101}; Marks = [80,90,75,73,60]"> <p> pour [plia {{Student.FirstName + "" + Student.lastName}}! </p> <p> Dépenses sur les livres: {{Cost * Quantity}} Rs </p> <p> Roll No: {{Student.Rollno}} </ P> <p> Marks (Mathe src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </ script> </ body> </html>Sortir
Ouvrez Textangularjs.html dans un navigateur Web. Les résultats sont les suivants:
Ce qui précède est l'information triant les expressions AngularJS. Nous continuerons d'ajouter des informations pertinentes à l'avenir. Merci pour votre soutien à ce site!