var robots = Model.Value<YourOwnRobotsObj>("metaRobots");

And then you need a PropertyValueConverter.

Otherwise, use Value<string>("meatRobots") and parse the json with JsonConvert in the Newtonsoft.Json package (already in umbraco).

To complete this answer here's a link to the documentation on Property value converters: https://our.umbraco.com/Documentation/Extending/Property-Editors/value-converters

Thanks to the both of you.

I've never heard of PropertyValueConverters up until now, nor have I used the Newtonsoft.Json package before, so I'm kinda lost on how to get further with this.

This is my controller:

angular.module("umbraco")
    .controller("MetaRobotsController",
    function ($scope) {


        $scope.noindex = $scope.model.value.noindex;
        $scope.nofollow = $scope.model.value.nofollow;

        $scope.$watch("noindex", function () {
            $scope.UpdateModel();
        });

        $scope.$watch("nofollow", function () {
            $scope.UpdateModel();
        });

        $scope.UpdateModel = function () {
            var r1 = "index";
            var r2 = "follow";
            var robots = "";
            if ($scope.noindex == true || $scope.nofollow == true) {
                r1 = $scope.noindex == true ? "noindex" : "index";
                r2 = $scope.nofollow == true ? "nofollow" : "follow";
            }
            $scope.robots = [r1,r2].join();

            $scope.model.value = {
                noindex: $scope.noindex, 
                nofollow: $scope.nofollow, 
                robots: $scope.robots
            };
        };
    });

And this my view:

<div ng-controller="MetaRobotsController">
    <div class="robots control-group umb-control-group">
        <label class="control-label ng-binding">Robots 🤖</label>
        <div class="checkWrap">
            <p>Index</p>
            <input type="checkbox" ng-model="noindex" id="noindex" class="robotsCB">
            <label for="noindex">NOINDEX</label>
            <p>Noindex</p>
        </div>
        <div class="checkWrap">
            <p>Follow</p>
            <input type="checkbox" ng-model="nofollow" id="nofollow" class="robotsCB">
            <label for="nofollow">NOFOLLOW</label>
            <p>Nofollow</p>
        </div>
    </div>
    <div class="robotsPreview control-group umb-control-group">
        <div class="previewWrap">
            <label class="control-label ng-binding">Robots preview</label>
            <code>
            &lt;meta name=&quot;robots&quot; content=&quot;<span>{{robots}}</span>&quot; /&gt;
            </code>
        </div>
    </div>
</div>

Which of the solutions, would you suggest me to go with, with this setup.

Hope you can give me the last push in the right direction :)

Best

Henrik

Hi Henrik.

Its a bit confusing because Umbraco havent updated the documentation for Umbraco 8 at https://our.umbraco.com/Documentation/Extending/Property-Editors/value-converters and i am still trying myself to figure the new way out

Umbraco 7 worked this way.

using Newtonsoft.Json;
using Umbraco.Core.Models.PublishedContent;
using Umbraco.Core.PropertyEditors;

public class CustomProperty
{
    [JsonProperty("noindex")]
    public bool NoIndex { get; set; }

    [JsonProperty("nofollow")]
    public bool NoFollow { get; set; }

    [JsonProperty("robots")]
    public string Robots { get; set; }
}


public class CustomPropertyConverter : IPropertyValueConverter
{
    public object ConvertDataToSource(PublishedPropertyType propertyType, object source, bool preview)
    {
        return source;
    }

    public object ConvertSourceToObject(PublishedPropertyType propertyType, object source, bool preview)
    {
        try
        {
            return JsonConvert.DeserializeObject<CustomProperty>(source as string);
        }
        catch
        {
            return null;
        }
    }

    public object ConvertSourceToXPath(PublishedPropertyType propertyType, object source, bool preview)
    {
        return null;
    }

    public bool IsConverter(PublishedPropertyType propertyType)
    {
        return propertyType.PropertyEditorAlias.Equals("Same.Alias.As.From.Package.Manifest");
    }
}

The Umbraco 8 way, Maybe this link can help you further https://our.umbraco.com/apidocs/v8/csharp/api/Umbraco.Core.PropertyEditors.IPropertyValueConverter.html

public class CustomPropertyConverter : IPropertyValueConverter
{
    public object ConvertIntermediateToObject(IPublishedElement owner, PublishedPropertyType propertyType, PropertyCacheLevel referenceCacheLevel, object inter, bool preview)
    {
        throw new NotImplementedException();
    }

    public object ConvertIntermediateToXPath(IPublishedElement owner, PublishedPropertyType propertyType, PropertyCacheLevel referenceCacheLevel, object inter, bool preview)
    {
        throw new NotImplementedException();
    }

    public object ConvertSourceToIntermediate(IPublishedElement owner, PublishedPropertyType propertyType, object source, bool preview)
    {
        throw new NotImplementedException();
    }

    public PropertyCacheLevel GetPropertyCacheLevel(PublishedPropertyType propertyType)
    {
        throw new NotImplementedException();
    }

    public Type GetPropertyValueType(PublishedPropertyType propertyType)
    {
        throw new NotImplementedException();
    }

    public bool IsConverter(PublishedPropertyType propertyType)
    {
        throw new NotImplementedException();
    }

    public bool? IsValue(object value, PropertyValueLevel level)
    {
        throw new NotImplementedException();
    }
}

Here's one I made for a simple string propertytype:

Should be self explanatory? Otherwise please ask ;)

  using System;
using Umbraco.Core.Models.PublishedContent;
using Umbraco.Core.PropertyEditors;

namespace Extensions.ValueConverters
{
    public class FontawesomeDropdownPropertyConverter : PropertyValueConverterBase
    {
        public override bool IsConverter(PublishedPropertyType propertyType) => propertyType.EditorAlias.Equals("FontAwesomeIconsDD");

        public override PropertyCacheLevel GetPropertyCacheLevel(PublishedPropertyType propertyType)
            => PropertyCacheLevel.Snapshot;

        public override Type GetPropertyValueType(PublishedPropertyType propertyType)
            => typeof(string);

        public override object ConvertSourceToIntermediate(IPublishedElement owner, PublishedPropertyType propertyType, object source, bool preview)
        {
            string sourceString = source?.ToString();
            return sourceString;
        }

        public override object ConvertIntermediateToObject(IPublishedElement owner, PublishedPropertyType propertyType, PropertyCacheLevel referenceCacheLevel, object inter, bool preview)
        {
            // source should come from ConvertSource and be a string (or null) already
            return inter ?? string.Empty;
        }
        public override object ConvertIntermediateToXPath(IPublishedElement owner, PublishedPropertyType propertyType, PropertyCacheLevel referenceCacheLevel, object inter, bool preview)
        {
            return inter;
        }
    }
}

is working on a reply...