Questão FC373534
Considere a página web abaixo que utiliza Angular. <!DOCTYPE html> <html> <head> <script src="angular.min.js"></script> </head> <body> <div ng-app=""> <form> <p>Nome: <input type="
Desenvolvimento Web
FCC · 2018
Considere a página web abaixo que utiliza Angular.
<!DOCTYPE html>
<html>
<head>
<script src="angular.min.js"></script>
</head>
<body>
<div ng-app="">
<form>
<p>Nome: <input type="text" ng-model="nome"></p>
</form>
I
</div>
</body>
</html>
Considere os comandos:
I. <p ng-bind="nome"></p>
II. <p>{{nome}}</p>
III. <p ng-print="nome"></p>
IV. <p>{$nome}</p>
Para que o que for digitado no campo nome seja exibido simultaneamente em um parágrafo, na lacuna I podem ser utilizados os comandos que constam APENAS nos itens
- III e IV.
- I e III.
- II e IV.
- I e IV.
- I e II.
Mostrar resposta e comentário
Gabarito
Errado
Comentário do professor
O campo <input type="text" ng-model="nome"> vincula o valor digitado à variável nome usando a diretiva ng-model. Esse vínculo é bidirecional, ou seja, ao digitar o valor é atualizado imediatamente na variável e em quaisquer expressões que a referenciem.
O comando <p ng-bind="nome"></p> exibe o conteúdo da variável no parágrafo: a diretiva ng-bind faz o data‑binding entre o elemento e a variável, atualizando o texto assim que nome muda.
O comando <p>{{nome}}</p> realiza a mesma função por meio da interpolação (os “bigodes” {{ }}). À medida que nome é alterado pelo input, a interpolação é recalculada e o parágrafo mostra o novo valor instantaneamente.
Conteúdo do catálogo FC Concursos · Atualizado em