Les expressions sont utilisées pour la liaison des données d'application au HTML. Les expressions sont écrites entre doubles parenthèses comme {{expression}}. Le comportement dans les expressions est le même que celui de la directive ng-bind. Les expressions d'application AngularJS sont des expressions javascript pures et génèrent les données dans lesquelles elles sont utilisées.
Utiliser des chiffres
<p>Expense on Books : {{cost * quantity}} Rs</p>
Utiliser la chaîne
<p>Hello {{student.firstname + " " + student.lastname}}!</p>
Utiliser un objet
<p>Roll No: {{student.rollno}}</p>
Utiliser un tableau
<p>Marks(Math): {{marks[3]}}</p>
Exemple
L'exemple suivant démontrera toutes les expressions ci-dessus.
Le code du fichier testAngularJS.html est le suivant :
<html>
<title>AngularJS Expressions</title>
<body>
<h1>Sample 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>Hello {{student.firstname + " " + student.lastname}}!</p>
<p>Expense on Books : {{cost * quantity}} Rs</p>
<p>Roll No: {{student.rollno}}</p>
<p>Marks(Math): {{marks[3]}}</p>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
</body>
</html>
Sortie
Ouvrez textAngularJS.html dans votre navigateur Web. Voir les résultats comme suit :
Résumé des connaissances de base de Java
Expressions couramment utilisées en php
Quels sont les outils de vérification de code statique ?
Comment configurer les variables d'environnement JDK
Comment configurer la connexion à la base de données dans mybatis
Quels sont les outils du serveur de fichiers réseau ?
étude php
L'index dépasse la solution des limites du tableau
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
