AngularJS Template
HTML
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
<div ng-controller="Ctrl">
<h1>{{ user.name }}</h1>
<h2 ng-show="{{isString('user')}}"> 12312312312 <h2>
<span ng-repeat="(key, value) in user | userVisibleProps" class="{{key}}">{{key}}: {{value}}</span>
</div>
JavaScript
function Ctrl($scope) {
$scope.user = {
'id' : 23,
'name' : 'Adrian Reese',
'age' : '',
'location' : ''
};
}
angular.module('app', [])
.controller('Ctrl', Ctrl)
.filter('userVisibleProps', function(){
return function(user) {
var visibleUser = {};
for(var key in user) {
if(key != 'id' && user[key] !== '') {
visibleUser[key] = user[key];
}
}
return visibleUser;
};
});
angular.bootstrap(document.body, ['app']);