JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-controller="a">
    <div ng-repeat="data in myData | hasSomeValue: data.Message">{{ data.ID }} {{ data.Message }}</div>
</div>

JavaScript

var myApp = angular.module('myApp', []);
myApp.controller('a', function ($scope) {
    $scope.myData = [{
        "ID": "001",
            "Message": "test test test test"
    }, {
        "ID": "002",
            "Message": "test test test test"
    }, {
        "ID": "003",
            "Message": "test test test test"
    }, {
        "ID": "004",
            "Message": "test test test test"
    }, {
        "ID": "005",
            "Message": " "
    }, {
        "ID": "006",
            "Message": "test test test test"
    }, {
        "ID": "007",
            "Message": "test test test test"
    }, {
        "ID": "008",
            "Message": null
    }]
});

myApp.filter('hasSomeValue', [function(){
    return function(input, param) {
        var ret = [];
        if(!angular.isDefined(param)) param = true;
        angular.forEach(input, function(v){
            if(angular.isDefined(v.Message)
               && v.Message) {
                v.Message = v.Message.replace(/^\s*/g, '');
                
                ret.push(v);
            }
        });
        return ret;
    };
}])