Espressioni in AngularJS
In angularJS, il concetto di Espressioni o espressioni è simile a quello in javascript puro, possiamo inserire le espressioni all'interno della struttura HTML tramite 2 doppie parentesi graffe (doppie parentesi graffe) con la seguente struttura: {{expressions}} .
Questa espressione viene spesso utilizzata per poter inserire i dati definiti dal livello del controller nell'html, inoltre possiamo inserire un'espressione matematica, un'espressione relazionale, una costante o un risultato.restituisce l'output dal metodo nel controller nella struttura html per visualizzare il risultato.
Andiamo all'esempio:
<!DOCTYPE html> <html lang="en" ng-app="exampleviewApp"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Example View AngularJS</title> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script> </head> <body ng-controller="mainController"> <h2>Hello {{name}}</h2> <input type="text" ng-model="name" /> <p> <strong>Example expression</strong> <br/> Bieu thuc so hoc {{2+2}} <br/> Bieu thuc quan he {{1==2}} <br/> Hang so {{5}} <br/> Du lieu trong controller {{name}} <br/> Du lieu trong controller {{arr[0]}} <br/> Su dung ng-bind directive de dua du lieu ra html <strong ng-bind="name"></strong> <br/> Su dung ng-bind directive de dua du lieu ra html <strong ng-bind="5+6"></strong> <br/> Su dung ng-bind directive de dua du lieu ra html <strong ng-bind="1==2"></strong> </p> </body> <script> var exampleviewApp = angular.module('exampleviewApp', []); exampleviewApp.controller('mainController', function($scope) { $scope.name = 'test'; $scope.arr = [2,3,4]; }); </script> </html>Risultati stampati sul browser:
Possiamo anche iniettare l'espressione all'interno tramite la direttiva ng-bind (vedi riga numero 26,28,30): <strong ng-bind="name"></strong> …
Nota: anche le espressioni angolari hanno alcune limitazioni sebbene siano abbastanza simili alle normali espressioni javascript, ad esempio non possono essere utilizzate per espressioni regolari, loop o istruzioni condizionali
