Data binding

Código
Intermedio
Angular
Angular
20 min
150 XP
Actualizado: 25/01/2025

¡Practica y certifícate!

Retroalimentación
Soluciones
Certificado
Comenzar

Descripción

El reto consistirá en escribir el código HTML necesario para implementar cada tipo de enlace de datos, asumiendo que las propiedades y métodos necesarios ya están definidos en el componente TypeScript de Angular.

Dado un componente Angular con las siguientes propiedades y métodos, escribe el código HTML necesario para:

Guarda tu progreso

Inicia sesión para no perder tu progreso y accede a miles de tutoriales, ejercicios prácticos y nuestro asistente de IA.

Progreso guardado
Asistente IA
Ejercicios
Iniciar sesión gratis

Más de 25.000 desarrolladores ya confían en CertiDevs

1. Interpolación: Mostrar el nombre definido en el componente.
2. Enlace de propiedad: Controlar la desactivación de un botón.
3. Enlace de evento: Cambiar el estado de una propiedad en el componente al hacer clic en el botón.
4. Enlace bidireccional: Permitir la edición de un texto que se muestra simultáneamente en otro lugar de la página.

Tarea: Escribe solamente el código HTML necesario.

Componente Angular (TypeScript):

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

@Component({
  selector: 'app-root', 
  templateUrl: './app.component.html', 
  styleUrls: ['./app.component.css']
})

export class AppComponent {
 nombre: string = 'Juan';
 deshabilitado: boolean = true;
 texto: string = 'Texto inicial';
 
 cambiarEstado() {
   this.deshabilitado = !this.deshabilitado;
 }
}

Solución al ejercicio

Contenido bloqueado

¡Desbloquea la solución completa!

Completa el examen para acceder a la solución paso a paso, explicaciones detalladas y mejores prácticas.

solution.js
JavaScript
1 function solveChallenge ( input ) {
2 // Algoritmo optimizado O(n log n)
3 const data = parseInput ( input );
4 const sorted = data . sort (( a , b ) => a - b );
5
6 // Aplicar técnica de dos punteros
7 let left = 0 , right = sorted . length - 1 ;
8 const result = [];
9
10 while ( left < right ) {
11 const sum = sorted [ left ] + sorted [ right ];
12 if ( sum === target ) {
13 result . push ([ sorted [ left ], sorted [ right ]]);
14 left ++; right --;
15 } else if ( sum < target ) {
16 left ++;
17 } else {
18 right --;
19 }
20 }
21
22 return result ;
23 }
Código completo
Explicaciones
Mejores prácticas
+1.200 developers han resuelto este ejercicio de programación

Practica con exámenes de Angular

Mejora tus habilidades con cientos de exámenes de práctica, recibe retroalimentación instantánea y obtén tu certificación cuando estés listo.

Retroalimentación

Aprende de tus errores

Progreso

Mide tu avance

Certificación

Valida tus habilidades

Únete a miles de desarrolladores mejorando sus habilidades

⭐⭐⭐⭐⭐
4.9/5 valoración