• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

177
Vistas
how to make 2 ways data-binding for td in angular 2?

I need to use this editable column to display a "test" variable :

<td contentEditable="true" ngDefaultControl [(ngModel)]="test">{{test}}</td>

My td element displays the initial value of "test", but when I edit the td (using my keyboard), "test" does not change.

I have tested the same thing using input, and it works :

<input id="myinput" name="myinput" type="text" [(ngModel)]="test">

So what is the problem ?

over 3 years ago · Santiago Trujillo
1 Respuestas
Responde la pregunta

0

I tried this :

<td contentEditable="true" [textContent]="test" (input)="test=$event.target.textContent">{{test}}</td>

And it works.

over 3 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda