Format input data with regex in AngularJS

Question

I have some data in the following format. With the use of regex I want to display only the first two tokens.

For example AB.JKL.MNO.XYZ => AB.JKL

AB.JKL.MNO.XYZ
KJ.KJLJ.KD.IUOI
KLJ.LK.LJ.JL.OLJ.JLL

Note: I am using AngularJS I can achieve this using Angularjs expression directly in the html but the html is a common template where other data is also being displayed I don't want to corrupt it. Therefore I want to apply regex on data in controller.

Answer 1

Regex-wise:

If you want to grab a <letters><dot><letters> format, this regex will capture at the beginning: ^([^.]+\.[^.]+)

Same thing, but at the end of your string: ([^.]+\.[^.]+)$

Angular-wise

I am not so familiar with angular, but from what I understand, you can create your own type of filters.

<div ng-app='myApp' ng-controller="Main">
    first token: {{name | firstToken}} </br>
    last token: {{name | lastToken}}</br>
    any Regex: {{name | regex:"[^.]+$"}}</br>
</div>

var myApp = angular.module('myApp', []);
myApp.filter('regex', function () {
    return function (input, regex) {
        if (!input) return '';
        var matches = input.match(regex);
        if (matches) return matches[0];
        return "";
    };
}).filter('firstToken', function () {
    return function (input) {
        if (!input) return '';
        var matches = input.match(/([^.]+.[^.]+)/);
        if (matches) return matches[0];
        return "";
    };
});

function Main($scope) {
    $scope.name = 'AB.JKL.MNO.XYZ';
}

Have fun, play with it: http://jsfiddle.net/lcoderre/WfuAh/97/