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.
Format d'expression angularjs: {{expression}}
Les expressions AngularJS peuvent être des chaînes, des nombres, des opérateurs et des variables
Fonctionnement du numéro {{1 + 5}}
String Concaténation {{'ABC' + 'BCD'}}
Opération variable {{FirstName + "" + LastName}}, {{Quantité * Cost}}
Objet {{personne.lastname}}
Array {{points [2]}}
Exemple angularjs
1. Nombres angulaires
<div ng-app = "" ng-init = "quantité = 2; coût = 5"> <p>
L'exemple de sortie ci-dessus:
Prix total: 10
Commentaires du code:
ng-init = "quantité = 2; coût = 5" // équivalent à la quantité var = 2, coût = 5 en javascript;
La même fonction peut être obtenue en utilisant NG-Bind
<div ng-app = "" ng-init = "quantité = 1; coût = 5"> <p>
2. String angularjs
<div ng-app = "" ng-init = "firstName = 'John'; lastname = 'neige'"> <p> name: {{firstName + "" + LastName}} </p> </div>Sortir
Nom: Jone Snow
3. Objet angularjs
<div ng-app = "" ng-init = "Person = {FirstName: 'John', LastName: 'Snow'}"> <p> Le nom de famille est {{Person.lastName}} </p> </div>Sortir
Neige
4. Array Angularjs
<div ng-app = "" ng-init = "Points = [1,15,19,2,40]"> <p> La troisième valeur est {{Points [2]}} </p> </div>Sortir
La troisième valeur est de 19
Ce qui précède est l'introduction aux expressions AngularJS du tutoriel d'introduction angularjs présenté par l'éditeur. J'espère que cela vous sera utile!