Как сделать столбец редактируемым в столбце таблицы с угловыми?

Question

Можно ли сделать табличную колонку редактируемой при использовании угловых символов? У меня есть эта таблица:

<table> 
    <thead> 
    <tr class="header"> 
     <th>id</th> 
     <th>files</th> 
    </tr> 
    </thead> 
    <tbody ng-repeat="person in persons"> 
    <tr> 
     <td>{{person.id}}</td> 
     <td>{{person.fileNames)}}</td> 
    </tr> 
    </tbody> 
</table> 

Так у меня есть $ scope.fileNames, который представляет собой массив, содержащий имена файлов на человека, например:

["Koala.jpg","Tulips.jpg","Tulips.jpg","Hydrangeas.jpg","Lighthouse.jpg","Chrysanthemum.jpg"] 

Я хотел бы сделать это второй столбец редактируемых для пользователя поэтому он может изменить/удалить файлы, как я могу это сделать?

Answer 1

Использование contentEditable

<table> 
    <thead> 
    <tr class="header"> 
     <th>id</th> 
     <th>files</th> 
    </tr> 
    </thead> 
    <tbody ng-repeat="person in persons"> 
    <tr> 
     <td contentEditable>{{person.id}}</td> 
     <td contentEditable>{{person.fileNames)}}</td> 
    </tr> 
    </tbody> 
</table>