Expressões são usadas para vincular dados de aplicação ao HTML. Expressões são escritas em colchetes duplos como {{Expression}}. O comportamento nas expressões é o mesmo que a diretiva NG-Bind. As expressões de aplicação do AngularJS são expressões puras de JavaScript e produzem os dados que são usados lá.
Formato de expressão de AngularJS: {{Expression}}
Expressões angulares podem ser cordas, números, operadores e variáveis
Operação de número {{1 + 5}}
String concatenation {{'abc' + 'bcd'}}
Operação variável {{FirstName + "" + LastName}}, {{Quantity * Cost}}
Objeto {{Person.lastName}}
Array {{Points [2]}}
Exemplo de AngularJS
1. Números do ArangularJS
<div ng-App = "" ng-init = "Quantity = 2; custo = 5"> <p> Preço total: {{Quantity * Cost}} </p> </div>O exemplo acima da saída:
Preço total: 10
Comentários de código:
ng-init = "Quantidade = 2; custo = 5" // equivalente a var quantidade = 2, custo = 5 em javascript;
A mesma função pode ser alcançada usando NG-Bind
<div ng-App = "" ng-init = "quantidade = 1; custo = 5"> <p> Preço total: <span ng-bind = "quantidade * custo"> </span> </p> // o ng-bind aqui é equivalente ao interno do span especificado </div>
2. ANGLEJS SING
<div ng-App = "" ng-init = "FirstName = 'John'; LastName = 'Snow'"> <p> Nome: {{FirstName + "" + LastName}} </p> </div>Saída
Nome: Jone Snow
3. Objeto angularJS
<div ng-App = "" ng-init = "Person = {FirstName: 'John', LastName: 'Snow'}"> <p> O sobrenome é {{Person.LastName}} </p> </div>Saída
Neve
4. Array AngularJS
<div ng-app = "" ng-init = "pontos = [1,15,19,2,40]"> <p> O terceiro valor é {{pontos [2]}} </p> </div>Saída
O terceiro valor é 19
O exposto acima é a introdução às expressões AngularJS do tutorial introdutório do AngularJS, apresentado a você pelo editor. Espero que seja útil para você!