Angular JS - Check a single value with a filter

Question

My angularJS application displays the items of an object. If a single item has a certain ID I want to display a message. At the moment it does not work, what is wrong?

js fiddle

HTML

    <div data-ng-controller="myCtrl">


    <ul >
        <li data-ng-repeat="item in values"> 
            Item with id:<code>#{{item.id}}</code> 

            <code ng-hide="special(item.id)"> -> This id is special</code> 
        </li>
    </ul>

  </div>

NG

var app = angular.module('m', []);

app.controller('myCtrl', function ($scope) {
$scope.values = [{
    id: 1
}, {
    id: 2
 .....
}];

$scope.filter = [4,5,6];

$scope.filterIds = function (ids) {
        return function (item) {
            var filter = $scope.filter;

                 return filter.indexOf(item.id) !== -1;         
        }
 }

$scope.special = function (id) {
        return function (id) {
            var filter = $scope.filter;
                 return filter.indexOf(id) !== -1;          
        }
 }

});

Tom A · Accepted Answer · 2014-09-16 13:09:20Z

1

$scope.special() returns a function inside of itself, so the return value is a function and not a boolean value. Replace it with this:

$scope.special = function (id) {
  var filter = $scope.filter;
  return filter.indexOf(id) !== -1;         
}

and you'll see that it works.

answered Sep 16, 2014 at 13:09

Tom A

9641 gold badge6 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tom A Over a year ago

However, you'll want an ng-show for the "this item is special" dialog, otherwise it only shows for items that are NOT special

sylwester · Accepted Answer · 2014-09-16 13:12:05Z

1

please see here http://jsfiddle.net/1rhvuyL1/

 $scope.special = function (id) {
        if ($scope.filter.indexOf(id) >=0)
        {return true;}

    }

HTML:

<div>
    <div data-ng-controller="myCtrl">
        <ul>
            <li data-ng-repeat="item in values">Item with id:<code>#{{item.id}}</code>  <code ng-show="special(item.id)"> -> This id is special</code> 
            </li>
        </ul>
    </div>
</div>

answered Sep 16, 2014 at 13:12

sylwester

16.5k1 gold badge27 silver badges33 bronze badges

Comments

Oam Psy · Accepted Answer · 2014-09-16 13:07:11Z

-1

You dont need to create the special function inside the JS.

Try:

<div data-ng-controller="myCtrl">
    <ul >
        <li data-ng-repeat="item in values"> 
            Item with id:<code>#{{item.id}}</code> 
            <code ng-hide="item.id == '1'"> -> This id is special</code> 
        </li>
    </ul>
</div>

The above will hide the "This id is special" when id = 1

answered Sep 16, 2014 at 13:07

Oam Psy

8,66335 gold badges97 silver badges169 bronze badges

2 Comments

user1477955 Over a year ago

It is supposed to be dynamic, special id can change

Oam Psy Over a year ago

@user1477955 - why are you down voting an answer when your question did not state that? what is the criteria to hide the tag

Collectives™ on Stack Overflow

Angular JS - Check a single value with a filter

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related