Eu sou bastante novo no script java, portanto, devo me desculpar se isso parecer básico.

Como posso editar tabelas de linhas na Smart-Table com Angularjs? Não parece haver um tutorial com a nova Smart-Table. Eu gostaria de criar um formulário simples para os usuários inserirem as horas abertas para um determinado local.

Criei botões que podem adicionar e remover linhas da tabela, mas quando adiciono contenteditable = "true" nenhuma das alterações persiste quando atualizo o objeto. Entendo que o contenteditable é um parâmetro html5 específico, independente da tabela inteligente, mas não entendo de que outra forma posso atualizar os dados ou como recuperar os dados atualizados.

Os dados são recuperados do controlador angularjs através das rotas 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 do 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
        });
    };