Angular's forEach function seems to be stuck and not loop

Question

Angular's forEach function seems to be stuck and not loop

I'm attempting to cycle through a list of objects in my Angular/Typescript code, but it's not working as expected. Here is the code snippet:

businessList: RemoteDataSet<BusinessModel>;
businessModel: BusinessModel; 

this.businessList.forEach( bl => {
            console.log("in foreach");
            if (bl.id == this.user.businessId) {
                console.log("they are equal");
                this.businessModel = bl;
            }
            else {
                console.log("They are not equal");
            }
        });

Although I have confirmed that businessList contains data (approximately 40 items), the iteration process doesn't seem to execute at all. I'm still fairly new to Angular and Typescript, so I may be overlooking something obvious. Can anyone point out what I might be missing?

angularjs typescript

Answer 1

Answer №1

Have you considered using the angular.forEach method?


    customForEachFunction = () => {
        angular.forEach(this.companiesList, (item, index) => {
            if (item.id === this.user.companyId) {
                console.log("Match found");
                this.selectedCompany = item;
            }
            else {
                console.log("No match found");
            }
        });
    };

Answer 2

Have you considered using the angular.forEach method?


    customForEachFunction = () => {
        angular.forEach(this.companiesList, (item, index) => {
            if (item.id === this.user.companyId) {
                console.log("Match found");
                this.selectedCompany = item;
            }
            else {
                console.log("No match found");
            }
        });
    };

Angular's forEach function seems to be stuck and not loop

Answer №1

Similar questions

In what way can TS uniquely handle each element of an array as the key of an object?

The existence of useRef.current is conditional upon its scope, and it may be null in certain

Ways to keep information hidden from users until they actively search for it

Tips for mock nesting a repository in TypeORM?

When attempting to incorporate Jasmine into my current AngularJS/Bootstrap project, I encountered the error message stating

Ensuring the accurate usage of key-value pairs in a returned object through type-checking

What is the reason for not being able to call abstract protected methods from child classes?

Exploring the power of Prosemirror with NextJS through Tiptap v2

Utilizing Angular Services to Share Events and Reusing Components Multiple Times on a Page

Patience is key: Techniques for waiting on service responses in Angular 2

I am facing conflicts between vue-tsc and volar due to version discrepancies. How can I resolve this problem?

Setting up a Form submit button in Angular/TypeScript that waits for a service call to finish before submission

Ways to compel $scope to re-compile its contents and re-establish directive links

The type definition file for 'jest' cannot be located, despite the fact that jest has been successfully installed

Angular decode UTF8 characters with pascalprecht.translate

The nz-switch function is malfunctioning as a result of an update that has affected its value

Using JavaScript to toggle the visibility of grids depending on the radio button choice and then triggering this action by clicking on the search button

What is the best way to convert this into a distinct function using typescript?

What is the best way to bind the value of total when working with forms and the bind method?

When HTMLElement focus is activated, it interrupts the flow of execution