AngularJS filters - undefined object

Question

I got this expression in my index.html:

{{place.file.name()}}

it contains a String like tfss-24af16c3-df1f-4c35-a1e1-281bd3af7c7a-Flightreservation.pdf.

I want to cut the first 42 characters by a filter:

{{place.file.name() | sliceFileName}}

The filter is this:

.filter('sliceFileName', function() {
  return function(input) {
    return input.slice(42);
  }
})

And it works. However, the console prints:

[Error] Error: undefined is not an object (evaluating 'input.slice')

I read somewhere that input is either trueor false (don't know if it is correct). But it works as if input is the string.

Why does it still output an error?

just-boris · Accepted Answer · 2015-08-13 11:08:27Z

1

Error means that sometimes your input is not a string. It could be, for example, before your place object has been initialized.

For your purpose you just can use built-in limitTo filter, because there already is some checks. It has second argument where you can set offset:

$scope.Infinity = Number.POSITIVE_INFINITY // you need to provide that into scope, because you need to set upper bound of limit

{{ string | limitTo:Infinity:42 }}

See plunker with full demo: http://plnkr.co/edit/o1fIh84OhptZrsYZ0vIV?p=preview

answered Aug 13, 2015 at 11:08

just-boris

9,7865 gold badges51 silver badges87 bronze badges

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

Comments

Razvan B. · Accepted Answer · 2015-08-13 11:00:22Z

0

Because the filter get's evaluated before the content is loaded. You can check if the input has any content:

.filter('sliceFileName', function() {
  return function(input) {
    if(input) return input.slice(42);
  }
})

And you won't get the console error anymore.

answered Aug 13, 2015 at 11:00

Razvan B.

6,7812 gold badges22 silver badges32 bronze badges

Collectives™ on Stack Overflow

AngularJS filters - undefined object

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related