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

Tutoriales básicos de AngularJS

AngularJS 表达式

Las expresiones se utilizan para enlazar datos de la aplicación con HTML. Las expresiones se escriben dentro de corchetes dobles, por ejemplo {{expression}}. El comportamiento de las expresiones es similar al de la directiva ngbind. Las expresiones AngularJS son expresiones JavaScript puro y se outputen los datos en el lugar de uso.

Uso de números

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

Uso de cadenas

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

Uso de objetos

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

Uso de arrays

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

Ejemplo

Los siguientes ejemplos muestran el uso de todas las expresiones anteriores-

testAngularJS.htm

<html>
　　　<head>
　　　　　　<title>Expresiones 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 指令