Key X was undefined. Cannot pass undefined in JSON. Use null instead.

I get this error when I delete all the text in the input field. It seems that when the input field is empty, the property “name” on the object “user” is set to undefined instead of null.

View:

<input type="text" ng-model="user.name">

Controller:

var firebaseio = new Firebase(FIREBASE_URL);
$firebase(firebaseio.child(USER_PATH)).$asObject().$bindTo($scope, "user");

So, how can I set it to null when the input field is cleared?

[browndp08]

@semeano after applying novalidate to the form element, I’m still getting an error. You can see the same result on my jsfiddle at https://jsfiddle.net/kkwo9h5n/6/. Any suggestions on how else I can validate a required field and make firebase work?

[katowulf]

Firebase/JSON do not accept undefined values in the data. ng-model also will not set values to undefined; however, if you have not declared a value for a $scope field, it can certainly be undefined.

If you attempt to place an undefined value into an AngularFire sync object/array, it’s going to create an error. This is working as intended.

Further “I have the same problem” or +1’s to this post will be deleted. Enough discussion.