Friday 15 May 2015

javascript - Submit multiple form values with AngularFire -



javascript - Submit multiple form values with AngularFire -

i seek understand how angularfire works. i'm trying save first name , lastly name firebase database. created "first name" input , saved in firebase. seek add together lastly name input can't figure how create works. here now:

html

<section ng-controller="premiercontrolleur"> <ul> <li ng-repeat="client in clients"> <input ng-model="client.prenom" ng-change="clients.$save(client)" /> <input ng-model="client.nom" ng-change="clients.$save(client)" /> <button ng-click="clients.$remove(client)">x</button> </li> </ul> <form ng-submit="addclient(newclienttext)"> <input type="text" placeholder="prénom" ng-model="newclienttext.prenom" /> <input type="text" placeholder="nom de famille" ng-model="newclienttext.nom" /> <button type="submit">ajouter le client</button> </form> </section>

javascript

var app = angular.module("crmfirebase", ["firebase"]); app.controller("premiercontrolleur", function($scope, $firebase) { var ref = new firebase("https://mydirebaseurl.firebaseio.com/clients"); var sync = $firebase(ref); $scope.clients = sync.$asarray(); $scope.addclient = function(prenom) { $scope.clients.$add({prenom: prenom, nom: nom}); } });

i got error on submit:

failed read 'selectiondirection' property 'htmlinputelement': input element's type ('submit') not back upwards selection.

you not matching values, remember prenon object has properties prenon , nom, try:

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

javascript angularjs angularjs-scope angularfire

No comments:

Post a Comment