Thank you very much

I wasn't able to make it works with the new 7.6 UDI based pickers. Which of Umbraco are you using?

EDIT: it works fine with 7.6 content picker, but not with media picker!

/M

If anyone else finds this and is using V8 and a property in Members you need to use:

{{ value | ncNodeName }}

Note: There seems to be a bug if you refresh the page it stays as Loading... if you go to another page and back it shows correctly again.

With Document it works fine also on 7.6. I had a naive try to extend the filter to Media, but with no luck up to now :-D (my Angular skills are completely absent...)

Hi Marco,

Looking at the source code, I don't think it works with media in previous versions of Umbraco either.

Maybe you can try the following :

Create a folder in the App_Plugins folder. Name doesn't matter.

In that fodler create a js file (name doesn't matter) and paste in the following content

// Filter to take a node id and grab it's name instead
// Usage: {{ pickerAlias | ncMediaName }}

// Cache for node names so we don't make a ton of requests
var ncMediaNameCache = {
    id: "",
    keys: {}
}

angular.module("umbraco.filters").filter("ncMediaName", function (editorState, entityResource) {

    return function (input) {

        // Check we have a value at all
        if (input == "" || input.toString() == "0")
            return "";

        var currentNode = editorState.getCurrent();

        // Ensure a unique cache per editor instance
        var key = "ncMediaName_" + currentNode.key;
        if (ncMediaNameCache.id != key) {
            ncMediaNameCache.id = key;
            ncMediaNameCache.keys = {};
        }

        // See if there is a value in the cache and use that
        if (ncMediaNameCache.keys[input]) {
            return ncMediaNameCache.keys[input];
        }

        // No value, so go fetch one 
        // We'll put a temp value in the cache though so we don't 
        // make a load of requests while we wait for a response
        ncMediaNameCache.keys[input] = "Loading...";

        entityResource.getById(input, "Media")
            .then(function (ent) {
                ncMediaNameCache.keys[input] = ent.name;
            });

        // Return the current value for now
        return ncMediaNameCache.keys[input];
    }

});

Then add a file called package.manifest in the same folder.

In that file add the following contents

{           
    javascript: [
        '~/App_Plugins/YourFolderName/YourFileName.js'      
    ]
}

Of course you need to change it to use the correct folder and file name.

After that you can use the {{ncMediaName}} filter

I believe this should work....but have not tested it.

Dave

Cross linking to GitHub issue about whether to include an "ncMediaName" filter with NC.
https://github.com/umco/umbraco-nested-content/issues/128