English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutoriel de base AngularJS

AngularJS 表达式

Les expressions sont utilisées pour lier les données de l'application au HTML. Les expressions sont écrites dans des accolades doubles, par exemple {{expression}}. Le comportement des expressions est similaire à celui de l'instruction ngbind. Les expressions AngularJS sont des expressions JavaScript pures et affichent les données à l'endroit où elles sont utilisées.

Utilisation de nombre

<p>Expense　on　Books　:　{{cost　*　quantity}}　Rs</p>

Utilisation de chaîne

<p>Hello　{{student.firstname　+　"　"　+　student.lastname}}!/p>

Utilisation d'objet

<p>Roll　No:　{{student.rollno}}</p>

Utilisation de tableau

<p>Marks(Math):　{{marks[3]}}</p>

Exemple

Les exemples suivants montrent l'utilisation de toutes les expressions mentionnées ci-dessus-

testAngularJS.htm

<html>
　　　<head>
　　　　　　<title>Expression AngularJS</title>
　　　</head>
　　　
　　　<body>
　　　　　　<h1>示例应用程序</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　=　"https://cdn.staticfile.org/angular.js/1.3.14/angular.min.js">
　　　　　　</script>
　　　　　　
　　　</body>
</html>
测试看看‹/›

输出结果

在网络浏览器中打开文件testAngularJS.htm并查看结果。

AngularJS 控制器AngularJS 指令