Las expresiones se utilizan para vincular los datos de la aplicación a HTML. Las expresiones se escriben en corchetes como {{expresión}}. El comportamiento en las expresiones es el mismo que la directiva NG unida. Las expresiones de aplicación AngularJS son expresiones puras de JavaScript y producen los datos que se usan allí.
Formato de expresión AngularJS: {{expresión}}
Las expresiones de AngularJS pueden ser cadenas, números, operadores y variables
Operación numérica {{1 + 5}}
Concatenación de cadena {{'ABC' + 'BCD'}}
Operación variable {{FirstName + "" + LastName}}, {{Cantidad * Costo}}
Objeto {{Person.lastName}}
Array {{puntos [2]}}
Ejemplo de angularjs
1. Ángularjs Números
<div ng-app = "" ng-init = "cantidad = 2; costo = 5"> <p> Precio total: {{cantidad * costo}} </p> </div>La salida de ejemplo anterior:
Precio total: 10
Comentarios del código:
ng-init = "cantidad = 2; costo = 5" // equivalente a la cantidad var = 2, costo = 5 en JavaScript;
La misma función se puede lograr usando NG-Bind
<div ng-app = "" ng-init = "cantidad = 1; costo = 5"> <p> Precio total: <span ng-bind = "cantidad * costo"> </span> </p> // El enlace ng aquí es equivalente al innerhtml del span especificado </div>
2. Cadena AngularJS
<div ng-app = "" ng-init = "firstName = 'John'; LastName = 'Snow'"> <p> Name: {{FirstName + "" + LastName}} </p> </div>Producción
Nombre: Jone Snow
3. Objeto AngularJS
<div ng-apx = "" ng-init = "persona = {FirstName: 'John', LastName: 'Snow'}"> <p> El apellido es {{Person.lastname}} </p> </div>Producción
Nieve
4. Matriz de Angularjs
<div ng-apx = "" ng-init = "puntos = [1,15,19,2,40]"> <p> El tercer valor es {{puntos [2]}} </p> </div>Producción
El tercer valor es 19
Lo anterior es la introducción a las expresiones de Angularjs del Tutorial introductorio de AngularJS presentada por el editor. ¡Espero que te sea útil!