AngularJS - Filter empty objects
We can simply use ng-if here:
<div ng-repeat="data in myData " ng-if="data.Message"> {{ data.ID }} {{ data.Message }}</div>
You can use a function instead of an object like this
<div ng-repeat="data in myData | filter:emptyOrNull"> {{ data.ID }} {{ data.Message }}</div>And in the controller
$scope.emptyOrNull = function(item){ return !(item.Message === null || item.Message.trim().length === 0)}
Well you can create a custom filter:
.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; };}])And in your HTML:
<div ng-repeat="data in myData | hasSomeValue: data.Message">