Hi Bert,

first of all Welcome to the Umbraco Our Community!

Don't know it this is the issue but on all of your inputs you do a ng-model and a value binding.

Try removing the value attribute to see if this works. The ng-model will set the value of the input so no need for the value attribute.

Hope this helps.

/Michaël

Thanks for your reply Michaël!

I removed the value binding, but no luck.

When looking at the database, in the table cmsPropertyData, the field dataNvarchar shows an array filled with null values like so:
[ null, null, null, null, null, null ]

Does this mean it recognises the ng-model, but not it's value?

Hi Michaël

This was already added inside the "propertyEditors" category, the only thing that's different was the missing "valueType": "JSON".

I added this and still nothing.

Thanks for your help so far!

/Bert

Hi Michaël

I get 2 exactly the same errors, one when the page has landed and one after clicking the save button

This is the error:

"Error parsing header X-XSS-Protection: 1; mode=block; report=https://www.google.com/appserve/security-bugs/log/youtube: insecure reporting URL for secure page at character position 22. The default protections will be applied."

It "looks" irrelevant to this problem though.

/Bert

Hi Michael

I removed everything and again no luck so far. No new errors either.

I tried to add the property editor to another page, and save there but also nothing. The only difference now is that it saves an empty array.

T

Thanks again for your suggestions!

Update from the situation:

I started from scratch and I'm now able to save values to the db, without using the GoogleMapsApi.

I noticed when input fields are manipulated from javascript, that the binding doesn't seem to notice that something has changed. As a consequence, it doesn't save a value. When I change the value manually, then it does save.

In my context: the address autocomplete fills out the address input fields automatically when clicked using javascript.

basically the same code as before, but with this javascript file added: you can click an address from a drop down, which is filled with addresses from googlemapsApi, then select one, and it fills out your form automatically

html:

<div class="container" ng-controller="addressautocomplete.editorcontroller">

<div id="locationField">
    <input id="autocomplete" placeholder="Enter your address" ng-model="model.value.address"
           onfocus="geolocate()" type="text" />
    <!--<input placeholder="Enter your address" ng-model="model.value.address" type="text" />-->
</div>

<br />
<table id="address">
    <tr>
        <td class="label">Street address</td>
        <td class="slimField">
            <input class="field" id="street_number" ng-model="model.value.streetNumber" />
        </td>
        <td class="wideField" colspan="2">
            <input class="field" id="route" ng-model="model.value.route" />
        </td>
    </tr>
    <tr>
        <td class="label">City</td>           
        <td class="wideField" colspan="3">
            <input class="field" id="locality" ng-model="model.value.locality" />
        </td>
    </tr>
    <tr>
        <td class="label">State</td>
        <td class="slimField">
            <input class="field" ng-model="model.value.state"
                   id="administrative_area_level_1" />
        </td>
        <td class="label">Zip code</td>
        <td class="wideField">
            <input class="field" id="postal_code" ng-model="model.value.zipcode" />
        </td>
    </tr>
    <tr>
        <td class="label">Country</td>
        <td class="wideField" colspan="3">
            <input class="field" id="country" ng-model="model.value.country" />
        </td>
    </tr>
</table>

controller:

angular.module("umbraco")
.controller("addressautocomplete.editorcontroller", function ($scope, notificationsService) {

});

manifest:

{

"propertyEditors": [ {
"name": "Address Autocomplete", "alias": "addressAutocomplete", "isParameterEditor": true, "icon": "icon-bird", "group": "Google", "editor": { "view": "/appplugins/AddressLookup/editor.html", "valueType": "JSON" } } ], "javascript": [ "/appplugins/AddressLookup/js/editor.controller.js", "/app_plugins/AddressLookup/js/addressLookup.js" ] }

googlemaps JS:

function fillInAddress() {
// Get the place details from the autocomplete object.
var place = autocomplete.getPlace();

for (var component in componentForm) {
    document.getElementById(component).value = '';
    document.getElementById(component).disabled = false;
}

// Get each component of the address from the place details
// and fill the corresponding field on the form.
for (var i = 0; i < place.address_components.length; i++) {
    var addressType = place.address_components[i].types[0];
    if (componentForm[addressType]) {
        var val = place.address_components[i][componentForm[addressType]];
        document.getElementById(addressType).value = val;            
    }
}

}

is working on a reply...