Data binding

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

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;
 }
}