Ng-Repeat Filter Empty string

Question

I have tried to filter blank string item from ng-repeat. But didn't succeeded. Can someone please help me at this.

HTML Code:

<div ng-app ng-controller="myCtrl">
    <ul>
        <li ng-repeat="detail in details | filter: filter2 ">
            <p>{{detail.name}}</p>
        </li>
    </ul>
</div>

JS Code:

function myCtrl($scope) {
    $scope.details = [{
        name: 'Bill',
        shortDescription: null
    }, {
        name: 'Sally',
        shortDescription: 'A girl'
    },{
        name: 'Tally',
        shortDescription: ''
    }];
}

function filter2(detail){
    if (item.shortDescription.length == 0){
        return true;
    }
    else{
        return false;
    }
}

Expected Result:

/*
Expected Result

Bill
Sally
*/

Your fiddle does not seem to work...

sp00m
– sp00m

2015-09-11 09:19:31 +00:00
Commented Sep 11, 2015 at 9:19 — sp00m
– sp00m, Commented Sep 11, 2015 at 9:19

Daniel · Accepted Answer · 2015-09-11 09:36:13Z

2

<div ng-app ng-controller="myCtrl">
    <ul>
        <li ng-repeat="detail in details" ng-if="detail.shortDescription">
            <p>{{detail.name}}</p>
        </li>
    </ul>
</div>

fiddle

answered Sep 11, 2015 at 9:36

Daniel

6,5517 gold badges38 silver badges64 bronze badges

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

1 Comment

Romesh Over a year ago

Thanks for Replying. Actually I wanted only One item from them.

Collectives™ on Stack Overflow

Ng-Repeat Filter Empty string

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related