JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app" ng-controller="test">
num:<input ng-model="num" />
<br/>
{{num | number}}
<br/>
{{num | number:2}}
<br/>
first name:<input ng-model="person.first"/>
<br/>
last name:<input ng-model="person.last"/>
<br/>
name: {{person | fullname}}
<div ng-bind-html=></div>
</div>

JavaScript

function test($scope) {

}
angular.module("app", []).controller("test", test).
filter("fullname", function() {
    var filterfun = function(person, sep) {
        sep = sep || " ";
        person = person || {
            first : "",
            last: ""
        };
        return person.first + sep + person.last;
    };
    return filterfun;
});