Cómo editar contenidos en Angular js Smart Table
Soy bastante nuevo en Java Script, así que debo disculparme si esto parece básico.
¿Cómo puedo editar tablas de filas en Smart-Table con Angularjs? No parece haber un tutorial con la nueva Smart-Table. Me gustaría crear un formulario simple para que los usuarios ingresen las horas abiertas para un lugar en particular.
He creado botones que pueden agregar y eliminar filas en la tabla, pero cuando agrego contenteditable = "true", ninguno de los cambios persiste cuando actualizo el objeto. Entiendo que contenteditable es un parámetro html5 específico independiente de la tabla inteligente, pero no entiendo cómo puedo actualizar los datos o cómo puedo recuperar los datos actualizados.
Los datos se recuperan del controlador angularjs a través de las rutas mean.js.
<div class="controls">
<table st-table="place.openHours" class="table table-striped">
<thead>
<tr>
<th>Day</th>
<th>Opening Time</th>
<th>Closing Time</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="row in place.openHours" contenteditable="true" >
<td>{{row.day}}</td>
<td>{{row.open}}</td>
<td>{{row.close}}</td>
<button type="button" ng-click="removeOpenHour(row)" class="btn btn-sm btn-danger">
<i class="glyphicon glyphicon-remove-circle">
</i>
</button>
</tr>
</tbody>
</table>
<button type="button" ng-click="addOpenHour(row)" class="btn btn-sm btn-success">
<i class="glyphicon glyphicon-plus">
</i> Add new Row
</button>
</div>
Dentro del javascript:
$scope.removeOpenHour = function removeOpenHour(row) {
var index = $scope.place.openHours.indexOf(row);
if (index !== -1) {
$scope.rowCollection.splice(index, 1);
}
}
$scope.addOpenHour = function addOpenHour() {
$scope.place.openHours.push(
{
day: 'Monday',
open: 540,
close: 1080
});
};