Angular - Filter to remove blank strings from array

angularjs angularjs-scope angularjs-ng-repeat ng-show ng-hide
Oam Psy picture Oam Psy · Oct 13, 2014 · Viewed 8.6k times · Source

I have an object of arrays... The array can contain blanks, how can i create an ANgular filter to remove the blanks to determine the length of the array?

$scope.myData = {
    ["1", "1", "4", "4", "N", "4", "6", "8", "", "", "", "", "", "", "", "", "", "", ],
    ["2", "2", "4", "6", "0", "6", "5", "4", "2", "", "8", "", "", "", "", "", "", "", ],
    ["2", "3", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ],
    ["3", "F", "D", "3", "5", "1", "D", "5", "", "", "", "", "", "", "", "", "", "", ],
    ["1", "V", "4", "4", "3", "2", "1", "1", "4", "", "", "", "", "", "", "", "", "", ],
    ["4", "5", "8", "6", "4", "2", "8", "7", "1", "1", "2", "", "", "", "", "", "", "", ],
    ["4", "4", "R", "F", "D", "8", "4", "2", "4", "8", "7", "4", "8", "", "", "", "", "", ],
    ["D", "5", "F", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ],
    ["1", "4", "1", "3", "4", "B", "D", "G", "", "", "", "", "", "", "", "", "", "", ]
}

HTML:

<div ng-repeat="data in myData">
    <div ng-show="(data | myFilter).length > 10">
        Show if length greater than 10
    </div>


    <div ng-show="(data | myFilter).length > 15">
        Show if length greater than 15
    </div>
</div>

Thanks

Answer

forgottofly picture forgottofly · Oct 13, 2014

Use this link https://github.com/a8m/angular-filter

It gives you a number of ways to filter whatever you need in any format.It also has examples along with each filter.

Related questions

AngularJS - Using indexOf inside ng-repeat to show/hide values

I have a JSON file that contains a bunch of data: myData.JSON: { "Addresses": { "AddressList": [ { "HouseNumber": 201, "Street": "Victoria Lane", "Postcode": "SW1 8ES" }, { "HouseNumber": 10, "Street": "Allen Close", "Postcode": "NG2 3TD" }, { "HouseNumber": 57, "Street": "Thomas Street", "Postcode": "DR12 6TE" }, { "HouseNumber": 57, "Street": "Old Lister …

Read More
AngularJS: ng-repeat list is not updated when a model element is spliced from the model array

I have two controllers and share data between them with an app.factory function. The first controller adds a widget in the model array (pluginsDisplayed) when a link is clicked. The widget is pushed into the array and this change …

Read More
ng-if, not equal to?

I have a simple ng-reapt that displays a list of values.. On some of the outputs, i have a couple of ng-if to show/hide DIVs. HTML: <div ng-repeat="details in myDataSet"> <p>{{ details.Name }}</…

Read More