AngularJS filter multiple values if at least one of them is empty

Question

I'm using a filter to evaluate a couple of strings. If both of them are defined, I want to display them

string0 string1

else, I want to display a message like this:

at least one of the strings is empty

Here there is my filter

.filter('getStrsOrNoData', function () {
    return function (s0, s1) {
        if (s0 && s1 ) {
            return s0 + ' ' + last;
        } else {
            return 'at least one of the strings is empty';
        }
    };
})

and here is how I declare it in HTML, passing in 2 arguments:

<p>{{string1 + string2 | getStrsOrNoData : string1 : string2 }}</p>

My problem is that when s0 && s1 is true, the displayed value is

string0string1 string0

I think the problem is string1 + string2 but I don't know how to state two vars on the left side of the pipe....

JB Nizet · Accepted Answer · 2015-09-16 15:42:33Z

1

I wouldn't do it like that. Instead, I would create a filter that takes an array of strings as input, and no other argument. The filter would join the strings in the array if they're all defined, or would display an error message if at least one is falsy

Usage example:

{{ [string1, string2] | joinOrError }}

Untested Code:

.filter('joinOrError', function() {
    return function(array) {
        if (array.some(function(string) {
            return !string
        })) {
            return 'at least one of the strings is empty';
        }
        else {
            return array.join(' ');
        }
    };
});

answered Sep 16, 2015 at 15:42

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

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

2 Comments

floatingpurr Over a year ago

Any idea about the reason why my filter was taking as input s0 = 'string0string1' and s1 = 'string1', starting from a unique concatenated string?

JB Nizet Over a year ago

The first argument of a filter is always its input: the value that is before the | symbol. The following arguments are what is passed after the name of the filter, separated by :.

Collectives™ on Stack Overflow

AngularJS filter multiple values if at least one of them is empty

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related