A title-case filter for AngularJs

title-case-filter.js

// Came from the comments here:  https://gist.github.com/maruf-nc/5625869
app.filter('titlecase', function() {
    return function (input) {
        var smallWords = /^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|vs?\.?|via)$/i;

        input = input.toLowerCase();
        return input.replace(/[A-Za-z0-9\u00C0-\u00FF]+[^\s-]*/g, function(match, index, title) {
            if (index > 0 && index + match.length !== title.length &&
                match.search(smallWords) > -1 && title.charAt(index - 2) !== ":" &&
                (title.charAt(index + match.length) !== '-' || title.charAt(index - 1) === '-') &&
                title.charAt(index - 1).search(/[^\s-]/) < 0) {
                return match.toLowerCase();
            }

            if (match.substr(1).search(/[A-Z]|\../) > -1) {
                return match;
            }

            return match.charAt(0).toUpperCase() + match.substr(1);
        });
    }
});

Thank you! This is awesome

Took all of 5 seconds to get to using this in my app. Thanks!

Coffeescript version for those interested

.filter('titlecase', () ->
  return (input) ->
    smallWords = /^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|vs?\.?|via)$/i
    input = input.toLowerCase()
    return input.replace(/[A-Za-z0-9\u00C0-\u00FF]+[^\s-]*/g, (match, index, title) ->
      if (index > 0 && index + match.length != title.length && match.search(smallWords) > -1 && title.charAt(index - 2) != ":" && (title.charAt(index + match.length) != '-' || title.charAt(index - 1    ) == '-') && title.charAt(index - 1).search(/[^\s-]/) < 0)
        return match.toLowerCase()
        if (match.substr(1).search(/[A-Z]|\../) > -1)
          return match
          return match.charAt(0).toUpperCase() + match.substr(1)
    )
)

@oaguy1 +1 for the CoffeeScript version

That coffeescript snippet above has some wrong indentations. Here it is corrected (I already tried it and it works).

.filter('titlecase', () ->
  return (input) ->
    smallWords = /^(a|an|and|as|at|but|by|con|de|en|for|if|in|la|las|nor|of|on|or|per|the|to|vs?\.?|via)$/i
    return if not input
    input = input.toLowerCase()
    return input.replace(/[A-Za-z0-9\u00C0-\u00FF]+[^\s-]*/g, (match, index, title) ->
      return match.toLowerCase() if (index > 0 && index + match.length != title.length &&
          match.search(smallWords) > -1 && title.charAt(index - 2) != ":" &&
          (title.charAt(index + match.length) != '-' || title.charAt(index - 1    ) == '-') &&
          title.charAt(index - 1).search(/[^\s-]/) < 0)
      return match if (match.substr(1).search(/[A-Z]|\../) > -1)
      return match.charAt(0).toUpperCase() + match.substr(1)
    )
)

Hope it helps!

Fantastic!

I love Google and Angular...

spot on dude, this is awesome! Thanks

^^:smile: problem with coffescript right there (didn't know anyone used it anymore TBH)

Thank you very much.

May I suggest adding a check for if input is undefined?

if(input === undefined){ return null; }

Works like a charm.