As expressions são usadas para vincular dados da aplicação com o html. Elas são escritas entre chaves duplas como {{expression}}. Comportam-se de forma idêntica a diretiva ng-bind. As expressions de AngularJS são expressões JavaScript puras e mostram os dados onde eles são utilizados.
Usando números
<p>Preço do livro : R$ {{custo * quantidade}}</p>
Usando strings
<p>E aee {{estudante.nome + " " + estudante.sobrenome}}!</p>
Usando objetos
<p>Número: {{estudante.numero}}</p>
Usando array
<p>Matéria(Math): {{marks[1]}}</p>
Arquivo: test_angularjs.htm
<html> <head> <title>AngularJS Expressions</title> </head> <body> <h1>Expressions</h1> <div ng-app = "" ng-init = "quantidade = 1; custo = 50; estudante = {nome:'Jack',sobrenome:'Bauer',numero:150};marks = [1,2,3]"> <p>E aee {{estudante.nome + " " + estudante.sobrenome}}!</p> <p>Preço do livro : R$ {{custo * quantidade}} </p> <p>Número: {{estudante.numero}}</p> <p>Matéria(Math): {{marks[1]}}</p> </div> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> </body> </html>
Saída:
Nenhum comentário:
Postar um comentário