Question

我正在研究我的第一个小型AngularFire / AngularJs应用程序。我想使用Angular-xeditable插件。到目前为止，我可以创建和保存新数据，但我找不到如何使用Angular-xeditable更新现有数据。

我没有收到错误消息，出了什么问题：

HTML

<table class="table table-hover" ng-controller="premiercontrolleur">
<tr><th>Prénom</th><th>Nom</th></tr>
    <tr ng-repeat="client in clients">
    <td editable-text="client.prenom" onbeforesave="saveClient($data)">{{client.prenom}}</td>
    <td editable-text="client.nom" onbeforesave="saveClient($data)">{{client.nom}}</td>
</tr>
</table>

的Javascript

var app = angular.module("crmfirebase", ["firebase", "xeditable"]);

app.run(function(editableOptions) {
  editableOptions.theme = 'bs3'; // bootstrap3 theme. Can be also 'bs2', 'default'
});

app.controller("premiercontrolleur", function($scope, $firebase) {
  var ref = new Firebase("https://mydatabaseurl.firebaseio.com/clients");
  var sync = $firebase(ref);

  $scope.clients = sync.$asArray();

  $scope.addClient = function(client) {
    $scope.clients.$add({prenom: client.prenom, nom: client.nom});
  }

  $scope.saveClient = function(data) {
    $scope.clients.$save({prenom: data});
  }
});

我尝试了解如何使用此处的保存方法：https://www.firebase.com/docs/web/libraries/angular/api.html#angularfire-firebasearray-save-recordorindex

Answer 1

我找到了答案！

<强>的Javascript

$scope.saveClient = function (client) {
  $scope.clients.$save(client);
};

<强> HTML

<table class="table table-hover" ng-controller="premiercontrolleur">
<tr><th>Prénom</th><th>Nom</th></tr>
    <tr ng-repeat="client in clients">
    <td editable-text="client.prenom" onbeforesave="saveClient(client)">{{client.prenom}}</td>
    <td editable-text="client.nom" onbeforesave="saveClient(client)">{{client.nom}}</td>
</tr>
</table>

我不使用xeditable，只需传递客户端参数：

ng-submit="updateClient(client)"

使用Angularfire和Angular-xeditable更新数据字符串

1 个答案: