Questões de Concurso sobre AngularJS

O Angular é uma grande plataforma de desenvolvimento para aplicações. Com ele podemos desenvolver aplicações web e também aplicações mobile. Ela conta com templates, componentes, módulos, serviços e diversas ferramentas de infraestrutura. Tudo isso foi criado para tomar o desenvolvimento de aplicações mais simples e rápido. A partir da sua versão 9 o Angular passou a contar, por padrão, com um novo compilador. Ele é responsável pela renderização de conteúdo e sua chegada trouxe mais performance para o ambiente de desenvolvimento Angular. Marque a alternativa que indica, corretamente, o nome deste compilador.

Angular é uma plataforma de aplicações web de código-fonte aberto e front-end baseado em TypeScript liderado pela Equipe Angular do Google e por uma comunidade de indivíduos e corporações. Considerando-se isso, marcar C para as afirmativas Certas, E para as Erradas e, após, assinalar a alternativa que apresenta a sequência CORRETA:

(_) Angular não tem um conceito de “escopo” ou controladores; em vez disso, ele usa uma hierarquia de componentes como o seu principal conceito arquitetônico.

(_) Angular tem uma expressão diferente de sintaxe, concentrando-se no uso de "[ ]" para a propriedade de ligação e no uso de "( )" para ligação do evento.

(_) Angular teve muitas das suas funcionalidades principais movidas para as tabelas.

Em AngularJS, a característica two-way data binding permite que, quando os dados no modelo são alterados, a exibição reflita a alteração e, quando os dados na exibição são alterados, o modelo também seja atualizado; isso acontece de forma imediata e automática, garantindo que o modelo e a visualização sejam atualizados o tempo todo.

O AngularJS tem vários filtros, que podem ser executados aplicando um pipe a uma expressão existente na view. O filtro nativo do AngularJS que tem a função de formatar um número em valor monetário é:

Com relação à plataforma Angular, é possível converter um componente numa classe que pode ser registrada no browser e incluída no DOM.

A função que permite essa operação é denominada:

Qual será o resultado da aplicação da diretiva “ng-switch” do Framework de Javascript Angular JS?

Eventos do AngularJS podem ser usados para associar diferentes ações a diferentes elementos HTML; por exemplo, um evento AngularJS pode ser usado para associar uma ação relacionada à seleção de um elemento HTML por meio do uso de um mouse.

Considere o seguinte componente de uma aplicação desenvolvida em Angular 4:

Considere também o código de app.component.html que define o conteúdo a ser visualizado nesta aplicação:

É correto afirmar que:

Considerando o código a seguir, implementado em Angular, versão 4.4.0, responda as questões 59 e 60.

--

1. import { Component } from ‘@angular/core’;
2. 
   
3. --@Component({
4. ---selector: ‘alunos’,
5. ---template:
6. ----`<h1> TITULO</H1>
7. ----<H2>Nome do Aluno: ALUNO</H2>
8. 
   
9. --})
10. ---export class AlunoComponent {
11. ----title = ' Alunos inscritos';
12. -----aluno = 'Nome do Aluno';
13. -----}

--

Para que o componente em questão apresente no navegador, na tag da linha 6, na declaração TITULO, o texto: “Alunos inscritos” e na tag da linha 7, na declaração ALUNO, o texto: “Nome do Aluno”, é necessário alterar as declarações indicadas, respectivamente, por:

Considerando o código a seguir, implementado em Angular, versão 4.4.0, responda as questões 59 e 60.

--

1. import { Component } from ‘@angular/core’;
2. 
   
3. --@Component({
4. ---selector: ‘alunos’,
5. ---template:
6. ----`<h1> TITULO</H1>
7. ----<H2>Nome do Aluno: ALUNO</H2>
8. 
   
9. --})
10. ---export class AlunoComponent {
11. ----title = ' Alunos inscritos';
12. -----aluno = 'Nome do Aluno';
13. -----}

--

Assinale a alternativa que apresenta a tag necessária para declarar o uso deste componente em uma página html considerando um projeto Angular.

No AngularJS, a diretiva ng-model é utilizada para