AngularJS segue um modelo MVC. Qual a diretiva correta em A...

Próximas questões
Com base no mesmo assunto
Q892485 Arquitetura de Software
AngularJS segue um modelo MVC. Qual a diretiva correta em AngularJS para ligar um elemento de entrada de dados da visão, como um campo input do tipo texto, a um elemento do modelo, como uma variável do tipo string?
Alternativas

Gabarito comentado

Confira o gabarito comentado por um dos nossos professores

A alternativa correta é D - ngModel.

Vamos entender por que a alternativa D é a correta e por que as outras alternativas não são.

AngularJS é um framework baseado no padrão MVC (Model-View-Controller), onde a View é responsável pela interface com o usuário, o Model contém os dados e a lógica de negócios, e o Controller atua como um intermediário entre a View e o Model, facilitando a comunicação entre ambos.

ngModel é a diretiva correta para ligar (ou 'bindar') um elemento de entrada de dados da visão, como um campo input do tipo texto, a um elemento do modelo, como uma variável do tipo string. Isto é conhecido como two-way data binding, ou seja, a alteração no input reflete diretamente na variável do modelo e vice-versa. Este é um conceito crucial em AngularJS para sincronizar a interface do usuário com a lógica de negócios.

Alternativa D: ngModel - Esta é a alternativa correta. A diretiva ngModel permite a ligação bidirecional entre o valor de um input no HTML e a variável do modelo no AngularJS. Isso facilita a atualização automática de ambos os valores à medida que um deles muda.

Vamos analisar as demais alternativas:

A - ngView - Esta diretiva é usada para carregar diferentes templates HTML em uma aplicação de página única (SPA) de acordo com a rota. Não é utilizada para ligar inputs de dados a variáveis do modelo.

B - ngValue - Essa diretiva é utilizada para definir o valor de um elemento, como um input ou um option em um select, mas não cria uma ligação bidirecional com o modelo.

C - ngBind - Esta diretiva é usada para realizar a ligação unidirecional de dados, exibindo o valor de uma variável do modelo na interface do usuário, mas não atualiza automaticamente o modelo quando a interface muda.

E - ngLink - Não existe uma diretiva ngLink no AngularJS. Provavelmente foi colocada como uma alternativa para confundir, mas não tem relação com o binding de dados.

Portanto, a alternativa D - ngModel é a que melhor responde à questão, pois é a diretiva apropriada para ligar um campo de entrada de texto a uma variável no modelo, mantendo a sincronização dos dados de forma bidirecional.

Se tiver mais dúvidas sobre AngularJS ou qualquer outro tema, estou aqui para ajudar!

Clique para visualizar este gabarito

Visualize o gabarito desta questão clicando no botão abaixo

Comentários

Veja os comentários dos nossos alunos

A) ngView - É nessa diretiva que os templates irão carregar o que foi definido, para ser exibido, nas rotas. ERRADA

B) ngValue - Atribui um valor dinâmico ao atributo ou propriedade do elemento. ERRADA

C) ngBind - Altera o elemento de texto definido previamente, no HTML, pelo digitado. ERRADA

D) ngModel - CERTA

Responsável por:

º Vincular a camada de visão à de modelo como outras diretivas como input, select e textarea pedem.º 

º Requer validação comportamental (números, emails, URL's)

º Configura classes de CSS relaciadaaas nos elementos (ng-valid, ng-invalid, ng-dirty, etc)

º Registra o controle, com o form.

E) ngLink - Liga várias partes do site ou app, gerando automaticamente HREF's. ERRADA

 

 

-Fonte: https://docs.angularjs.org/api/ng/directive/

Essa acertei no chute e a lógica

Nossa luta não será em vão! A persistência leva ao êxito!

Clique para visualizar este comentário

Visualize os comentários desta questão clicando no botão abaixo