JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.angularjs.org/1.2.1/angular-sanitize.min.js"></script>
<div ng-app="test" ng-controller="testCtrl">
    <ul>
        <li ng-repeat="obj in myObjects" ng-bind-html="obj.name | chkEmpty"></li>
    </ul>
</div>

JavaScript

angular.module('test',['ngSanitize'])
.controller('testCtrl',function($scope){
   $scope.myObjects = [
       {
           name: 'Mike',
       },
       {
           name: 'Bill',
       },
       {
           name: '',
       },
       {
           name: 'Mary',
       },
       {
           name: null
       },
       {
           name: 'Steve'
       }
   ];
})

.filter('chkEmpty',function(){
        return function(input){
            if(angular.isString(input) && !(angular.equals(input,null) || angular.equals(input,'')))
                return input;
            else
                return '-';
        };
    });