Angular pipe not getting applied inside foreach loop

Question

I am trying to use a pipe inside a foreach loop in my angular component. My array is populated and so is each item of the array when I debug it

   console.log(this.blog);
    this.relatedLinks = this.blog.related;
     this.relatedLinks.forEach(function (link) {
        this.newlink = this.removeSpace.transform(link);
        this.relatedBlogList = this.Blogs.filter(blog => blog.title === this.newlink);
        });
  },

But while applying the pipe I get the following error: ERROR TypeError: Cannot read property 'removeSpace' of undefined.

Neeraj · Accepted Answer · 2018-03-15 09:33:40Z

1

I think this is not accessible inside the foreach. Try this and post back with progress.

console.log(this.blog);
    this.relatedLinks = this.blog.related;
    let self = this;
     this.relatedLinks.forEach(function (link) {
        this.newlink = self.removeSpace.transform(link);
        this.relatedBlogList = this.Blogs.filter(blog => blog.title === this.newlink);
        });
  },

answered Mar 15, 2018 at 9:33

Neeraj

4939 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

Angular pipe not getting applied inside foreach loop

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related