Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="https://code.angularjs.org/1.2.16/angular.js"></script>
<div ng-controller="MyCtrl">
   <h1>
    {{pid.pname}}
    <span style="font-size: 0.75em; text-shadow: none;">({{pid.pos}})</span>
    <span style="font-size: 0.5em; text-shadow: none;"><a ng-href="#/team/{{pid.team | the_link}}/">{{pid.group}}</a></span>
</h1>
</div>

JavaScript

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
    $scope.pid={pname:'test', pos:'test pos',group:'f b c d',team:'A B C G T H J'};
}
myApp.filter('the_link', function() {
    return function(longname) {
        alert(longname);
        var parts = longname.split(' ');
        return parts[parts.length - 1].toLowerCase();
    }
});