Las expresiones en AngularJS se utilizan para vincular datos de aplicaciones a HTML. Las expresiones se resuelven mediante Angular y el resultado se devuelve al lugar donde se escribió la expresión. Las expresiones en AngularJS se escriben entre llaves dobles: {{ expression }} . Se comportan de manera similar a las directivas ng-bind: ng-bind=”expression” .
Sintaxis:
{{ expression }}
Ejemplo: este ejemplo muestra el nombre que ingresamos en la directiva ng-init.
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/
angular.min.js"></script>
<head>
<title>AngularJS Introduction</title>
</head>
<body style = "text-align:center">
<h2 style = "color:green">AngularJS Expressions</h2>
<div ng-app="" ng-init="name='GeeksforGeeks'">
<p> {{ name }} is a portal for geeks.</p>
</div>
</body>
</html>
Producción:
Ejemplo 2: este ejemplo muestra el contenido del objeto que alimentamos en la directiva ng-init.
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/
angular.min.js"></script>
<head>
<title>AngularJS Introduction</title>
</head>
<body>
<h2 style = "color:green">AngularJS Expressions</h2>
<div ng-app="" ng-init="sort={one:'quick sort',
two:'merge sort', three:'bubble
sort'}">
<p> Sorting Algorithms:
<ul>
<li>{{ sort.one }}</li>
<li>{{ sort.two }}</li>
<li>{{ sort.three }}</li>
</ul>
</div>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA