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.
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
¡Desbloquea la solución completa!
Completa el examen para acceder a la solución paso a paso, explicaciones detalladas y mejores prácticas.
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