Company logo
  • Empleos
  • Bootcamp
  • Acerca de nosotros
  • Para profesionales
    • Inicio
    • Empleos
    • Cursos y retos
    • Preguntas
    • Profesores
    • Bootcamp
  • Para empresas
    • Inicio
    • Nuestro proceso
    • Planes
    • Pruebas
    • Nómina
    • Blog
    • Comercial
    • Calculadora

0

108
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 ?

8 months 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.

8 months ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos