João Eduardo Montandon
Desenvolvimento de Aplicativos Web
- ex1.html: Implemente uma página que converta a temperatura, dada em Celsius, para Kelvin e Fahrenheit.
<p>Temperatura (celsius): <input type="number" ng-model="celsius">
<br>Temperatura (kelvin): {{(1.8 * celsius) + 32 | number: 1}}
<br>Temperatura (fahrenheit): {{celsius + 273}}</p>- ex2.html: Implemente um conversor de moedas. O valor deverá ser dado em dólar, e deverá converter para real e euro. Considere a seguinte cotação:
- 1 USD = 4.10 BRL * 1 USD = 0.9 EUR
<p>Trumps: $<input type="number" ng-model="trumps">
<br>Temers: R${{4.1 * trumps | number: 1}}
<br>Merkels: €{{0.9 * trumps | number: 1}}</p>- ex3.html: Implemente um formulário que faça o preenchimento de um review de um produto. Esse formulário deverá conter campos para o nº de estrelas (0 a 5) e para o comentário do review. Ao preencher os campos, um preview do comentário deve aparecer após o formulário.
<p>Quão bão o trem é (0-5): <input type="number" max="5" min="0" ng-model="nota">
<br>Comente: <input type="text" ng-model="comentario"></p>
<h4>Preview do review: </h4>
<p>Nota: {{nota | number:0}} <br>
Comentário: {{comentario}}</p>- ex4.html: Implemente um exemplo de utilização do One-time data-binding.
<p>Multiplique 1 por esse numero (imutavel): <input type="number" ng-model="multi">
<br>Resultado: {{::multi}}</p>