angularjs avoid empty field from the ngrepeat

Question

The function seems to be fine when remove | currency:"£" filter. Is there any option to show only the current user amount ?

(function() {
  var app = angular.module('myApp', []);
  app.controller('roomController', function($scope) {
    $scope.users = [{
      id: 1,
      firstname: 'member',
      spent: 206.98
    }, {
      id: 2,
      firstname: 'member',
      spent: 12.23
    }, {
      id: 3,
      firstname: 'member',
      spent: 302.12
    }, {
      id: 4,
      firstname: 'member',
      spent: 198.21
    }, {
      id: 5,
      firstname: 'member',
      spent: 85.85
    }];
    $scope.currentuser = 4;
  });
})();

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="roomController">
    <h2 ng-repeat="user in users"><i class="fa fa-gbp"></i> {{ user.id === currentuser ? user.spent: '' | currency:"£"}}</h2>
  </div>
</div>

It's possible to do it in expression: {{ user.id === currentuser ? (user.spent | currency:"£") : ''}}, but I'd rather use ng-if here. — raina77ow
– raina77ow, Commented Dec 3, 2014 at 18:27

jnthnjns · Accepted Answer · 2014-12-03 18:26:21Z

If I understand correctly, you don't need the ternary operator, instead put an ng-if in the <h2> that's being repeated.

See below:

(function() {
  var app = angular.module('myApp', []);
  app.controller('roomController', function($scope) {
    $scope.users = [{
      id: 1,
      firstname: 'member',
      spent: 206.98
    }, {
      id: 2,
      firstname: 'member',
      spent: 12.23
    }, {
      id: 3,
      firstname: 'member',
      spent: 302.12
    }, {
      id: 4,
      firstname: 'member',
      spent: 198.21
    }, {
      id: 5,
      firstname: 'member',
      spent: 85.85
    }];
    $scope.currentuser = 4;
  });
})();

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="roomController">
    <h2 ng-repeat="user in users" ng-if="user.id === currentuser"><i class="fa fa-gbp"></i> {{ user.spent | currency:"£"}}</h2>
  </div>
</div>

Collectives™ on Stack Overflow

angularjs avoid empty field from the ngrepeat

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related