2/5/2021 Evalart

Toggle navigation

Prueba Angular Teórica y TypeScript Práctica

Modo Vista Previa

Tiempo Restante: 00:58:32
Pregunta 1/18 - Prueba Angular Teórica y TypeScript Práctica

Anterior
Siguiente

Pregunta 1
La siguiente porción de código indica que hay dos rutas que cargan el mismo componente. Si revisa la
consola al ir a /path-a y después a /path-b verá lo que se muestra al final en console output. ¿Cómo puede
evitar que al pasar a path-b, siga corriendo la consola con el contador de path-a?

// app-routing.module.ts
const routes: Routes = [
  {path: 'path-a', component: HelloComponent},
  {path: 'path-b', component: HelloComponent},
]
// hello.component.ts
@Component({
   selector: 'hello',
   template: `<h1>Hello</h1>`,
})
export class HelloComponent implements OnInit {
  timed$ = timer(1, 1000);
  ngOnInit() {
  this.timed$.subscribe(r => console.log(r))
 }
}
// Console output
0 -> 1 -> 2 -> 3 -> 4 -> 5 -> 6 -> 0 -> 7 -> 1 -> 8 -> 2 -> 9 (…) Reportar Bug
https://questionnaire.evalart.com/cuestionario/execute/zuzAYYWUI2cKD4XEZpQNB92AONRTr4PGatL45qZJM4s_EQUALS_/prevt/ltHkzRHL0ZO5FBGLSEXmIOb0Sm9fUQgHh7PM_PLUS_XUgSUM_… 1/8
2/5/2021 Evalart

De suscribirse en el evento OnDestroy(). Agregar un parámetro para determinar la suscripción actual.

Buscar el componente y eliminarlo en el DOM. Ninguna de las anteriores.
Pregunta 2
¿Cuál de las siguientes opciones nos puede proveer una lista de productos dentro del componente de
productos?

<products-list [list]=”productsList”></products-list>
public list: any[] @HostProperty() data: any[]; @Output() data: any[]; @Input() data: any[]
Pregunta 3
En Angular, puede pasar datos de un componente padre a un componente hijo usando...
@Output() @Input() getParentData() @passParentData()
Pregunta 4
Para construir una aplicación en modo de producción, se utiliza el siguiente comando:
ng build to prod ng prod build ng build --prod=true ng --build -p
Pregunta 5
El siguiente comando se usa para ejecutar el análisis de código estático (Static Code) de la aplicación
Angular.
ng build ng profile ng lint ng static
Pregunta 6
¿Qué tipo de “bindings” están presentes en la siguiente plantilla?

import { Component } from '@angular/core';

@Component({
 selector: 'my-app',
 template: `
 <h1 #stuff>Hello {{name}}</h1>
 <input type="text" [(ngModel)]="name">
 <button (click)="reset()">Set Name as React</button>
 `,
})
export class AppComponent {
 name = 'Angular';

 reset = () => this.name = 'React';

}
“Interpolation”, “Two Way binding” y “Event Binding” “Two-way binding”, “Template Variable” y
“Interpolation” “One way binding”, “Event Binding” y “Two Way binding” “Event Binding”, “Two
way binding” y “interpolation”
Pregunta 7 Reportar Bug
https://questionnaire.evalart.com/cuestionario/execute/zuzAYYWUI2cKD4XEZpQNB92AONRTr4PGatL45qZJM4s_EQUALS_/prevt/ltHkzRHL0ZO5FBGLSEXmIOb0Sm9fUQgHh7PM_PLUS_XUgSUM_… 2/8
2/5/2021 Evalart

¿Cuál sera el output, considerando que isTrue = 1?

<h1 *ngIf=”isTrue; then userBlock; else guestBlock”>All</h1>

<ng-container #userBlock>Bob</ng-container>
<ng-container #guestBlock>Castor</ng-container>
All Castor Bob All Bob Aparecerá un error al usuario.
Pregunta 8
¿Cuál es la mejor forma de enviar un “Authentication Token” en cada petición HTTP?
Usando ‘rxjs’ y pasarlo en cada petición con un ‘getter’. Implementando un ‘Interceptor’.
Enviándolo como argumento en el servicio. Ninguna de las anteriores.
Pregunta 9
¿Cómo puedes hace referencia de un DIV en el código?

<div id=”container” #container [formGroup]=”form”>

<label>Name</label>
<input type=”text” formControlName=”name”>
</div>
$(‘#container’) document.getElementById(‘container’) @ViewChild(‘container’)
jQuery(‘#container)
Pregunta 10
¿Cuál es la secuencia correcta del ciclo de vida de los ‘hooks’?

ngOnInit() {console.log(A)}
ngAfterContentInit() {console.log(B)}
ngAfterContentChecked() {console.log(C)}
ngDoCheck() {console.log(D)}
ngOnChanges() {console.log(E)}
ngAfterViewInit() {console.log(F)}
ngAfterViewChecked() {console.log(G)}
ngOnDestroy() {console.log(H)}

A -> B -> C -> D -> E -> F -> G -> H E -> A -> D -> B -> C -> F -> G -> H E -> A -> D -> F ->
G -> B -> C -> H A -> B -> F -> G -> C -> D -> E -> H
Pregunta 11
En Angular Routing, la siguiente etiqueta es usada para representar un componente coincidente a través de la
ruta activa.
<router></router> <router-output></router-output> <router-outlet></router-outlet> <router-
display></router-display>
Pregunta 12
¿Que atributo es siempre "true" cuando la clase Form Control de ngModel es modificada? Reportar Bug
https://questionnaire.evalart.com/cuestionario/execute/zuzAYYWUI2cKD4XEZpQNB92AONRTr4PGatL45qZJM4s_EQUALS_/prevt/ltHkzRHL0ZO5FBGLSEXmIOb0Sm9fUQgHh7PM_PLUS_XUgSUM_… 3/8
2/5/2021 Evalart

.ng-invalid .ng-pending .ng-pristine .ng-dirty

Pregunta 13
Puede crear una referencia local en HTML hacia una etiqueta HTML usando la variable que empieza con el
carácter...
@ # * $
Pregunta 14
¿Cuál es la forma correcta de llamar al método de "RouterModule" que va a proveer todas las rutas en
"AppModule"?
RouterModule.forRoot RouterModule.forChild RouterModule RouterModule.import
Pregunta 15
¿Cuál de las siguientes es una forma correcta de generar el componente mycomp en Angular desde CLI?
ng mycomp -gen ng mycomp -gcd ng g c mycomp ng mycomp --comp --deploy
Pregunta 16
Tiene 2 componentes anidados ya cargados. ¿Qué pasará cuando presione el botón “Button Two Change
Name”?

import { Component, Input } from '@angular/core';

@Component({
   selector: 'my-app',
   template: '<parent name="{{ name }}"></parent>',
   styleUrls: [ './app.component.css' ]
})
export class AppComponent {
  name = 'Angular';
}

@Component({
   selector: 'parent',
   template: <h1>Parent Component</h1><h1>Hello {{name}}!</h1> <button
(click)="changeName()">Button One Change Name</button> <hr> <app-child name="{{name}}"></app-
child>,
   styles: [h1 { font-family: Lato; }]
})
export class ParentComponent {
  @Input() name: string;
   toggle: boolean = false;

   changeName() {
     this.toggle = !this.toggle;
Reportar Bug
https://questionnaire.evalart.com/cuestionario/execute/zuzAYYWUI2cKD4XEZpQNB92AONRTr4PGatL45qZJM4s_EQUALS_/prevt/ltHkzRHL0ZO5FBGLSEXmIOb0Sm9fUQgHh7PM_PLUS_XUgSUM_… 4/8
2/5/2021 Evalart

     this.name = this.toggle ? 'Name A' : 'Name B'

 }
}

@Component({
   selector: 'app-child',
   template: <h>Child Component</h1> <h1>Hello {{name}}!</h1><button
(click)="changeName()">Button Two Change Name</button>,
  styles: [h1 { font-family: Lato; }]
})
export class ChildComponent {
  @Input() name: string;
  toggle: boolean = false;

  changeName() {
    this.toggle = !this.toggle;
    this.name = this.toggle ? 'Super React' : 'Super Angular'
 }
}
Tanto el nombre del componente Padre como el Hijo se actualizarán. Solo el nombre del componente
Padre se actualizará. Solo el nombre del componente Hijo se actualizará. Ninguno se actualizará.
Pregunta 17
Escribir un programa en TypeScript que recorra un arreglo y genere un histograma en base a los números de
este. El arreglo se llama myArray y contiene 10 elementos que corresponden a números enteros del 1 al 5.
Un histograma representa que tanto un elemento aparece en un conjunto de datos (Debe mostrar la
frecuencia para todos los números del 1 al 5, incluso si no están presentes en el arreglo). Por ejemplo, para el
arreglo: myArray:=(1,2,1,3,3,1,2,1,5,1) el histograma se vería asi:

1: *****
2: **
3: **
4:
5: *

El código para declarar y poblar myArray ya está ahí, puede editarlo para probar con otros valores y puede
hacer clic en el botón de actualizar junto a él para volver al valor original que se utilizará para validar su
código durante la prueba. Asegúrese de que los resultados se impriman exactamente como aparecen aquí, ya
que incluso un espacio faltante o sobrante puede marcar la pregunta como incorrecta (Notar espacio entre los
":" y el primer asterisco).
Reportar Bug
https://questionnaire.evalart.com/cuestionario/execute/zuzAYYWUI2cKD4XEZpQNB92AONRTr4PGatL45qZJM4s_EQUALS_/prevt/ltHkzRHL0ZO5FBGLSEXmIOb0Sm9fUQgHh7PM_PLUS_XUgSUM_… 5/8
2/5/2021 Evalart

xxxxxxxxxx

xxxxxxxxxx

Run No Ejecutado No Validado Código Predefinido Modificado

Output Box

Pregunta 18
Escribir un programa utilizando TypeScript que imprima una X construida a base de la letra X y utilizar el
carácter de subrayado como espacio. El tamaño de la x se basa en una variable n que indicará el tamaño de la
letra para imprimir (en una matriz de n x n). Por ejemplo, para n: = 5 se obtiene:

X___X
_X_X_
__X__
_X_X_
X___X

y para n:=6 se obtiene:

X____X
_X__X_
__XX__
__XX__
_X__X_
X____X

Si n es igual a cero imprimir "ERROR"

El código para el tamaño de n ya está ahí, puede editarlo para probar con otros valores y puede hacer clic en
el botón de actualización junto a él para volver al valor original que se utiliza para validar su código durante
la prueba. Tenga en cuenta que el código debe imprimir los resultados exactamente como se muestra con el
fin de que la pregunta sea considerada valida durante la prueba (El caracter "X" en mayúscula y el guion
bajo "_" para los espacios) Reportar Bug
https://questionnaire.evalart.com/cuestionario/execute/zuzAYYWUI2cKD4XEZpQNB92AONRTr4PGatL45qZJM4s_EQUALS_/prevt/ltHkzRHL0ZO5FBGLSEXmIOb0Sm9fUQgHh7PM_PLUS_XUgSUM_… 6/8
2/5/2021 Evalart

xxxxxxxxxx

xxxxxxxxxx

Run No Ejecutado No Validado Código Predefinido Modificado

Output Box

Nota:

¿Está seguro de que desea Finalizar la prueba? Haga clic en Finalizar para terminar su Evaluación.
Cancelar Finalizar, pero mantener instancia. Finalizar
×

Nota:

Terminó el tiempo de la prueba, la prueba ha Finalizado. Importante: Dar clic en finalizar ya que en caso
contrario se considerará la prueba como abandonada.
Finalizar
×

¡Gracias!

Reporte envíado correctamente.

×

Reportar Bug

Pregunta:
Reportar Bug
https://questionnaire.evalart.com/cuestionario/execute/zuzAYYWUI2cKD4XEZpQNB92AONRTr4PGatL45qZJM4s_EQUALS_/prevt/ltHkzRHL0ZO5FBGLSEXmIOb0Sm9fUQgHh7PM_PLUS_XUgSUM_… 7/8
2/5/2021 Evalart

La siguiente porción de código indica que hay dos rutas que cargan el mismo componente. Si revisa la consola al ir a /path-a y después a /path-b verá
lo que se muestra al final en console output. ¿Cómo puede evitar que al pasar a path-b, siga corriendo la consola con el contador de path-a?// app-
routing.module.tsconst routes: Routes = [ {path: 'path-a', component: HelloComponent}, {path: 'path-b', component: HelloComponent},]//
hello.component.ts@Component({ selector: 'hello', template: `<h1>Hello</h1>`,})export class HelloComponent implements OnInit { timed$ =
timer(1, 1000); ngOnInit() { this.timed$.subscribe(r => console.log(r)) }}// Console output0 -> 1 -> 2 -> 3 -> 4 -> 5 -> 6 -> 0 -> 7 -> 1 -> 8 -> 2 -> 9
(…)
...
Reporte del Error:
Cancelar Envíar

Copyright 2019 Evalart. Todos los derechos reservados.

Reportar Bug
https://questionnaire.evalart.com/cuestionario/execute/zuzAYYWUI2cKD4XEZpQNB92AONRTr4PGatL45qZJM4s_EQUALS_/prevt/ltHkzRHL0ZO5FBGLSEXmIOb0Sm9fUQgHh7PM_PLUS_XUgSUM_… 8/8