angular match value from passed array with item from loop on the page

Question

trying to match value from passed array and loop on the page

.then(function (data) {
    vm.outputL = data;
    vm.array = [];

    for(var i=0; i < vm.outputL.length; i++){

        vm.block = false;       
        if(vm.outputL[i].id < 100){

            vm.block = true;

        }

        vm.array.push(vm.block) 

    }
}

and html code

 <li ng-repeat="item in vm.outputL">
    <div>{[item.id]}</div>
    <div ng-if="vm.array">something</div>
 <li>

how can I match value from vm.block and loop item on the page?

what do you want to do exactly? also share more of your HTML code — tanmay
– tanmay, Commented Mar 31, 2017 at 10:34
@tanmay I would like to match value from vm.array with item in loop — user1751287
– user1751287, Commented Mar 31, 2017 at 10:39
So, you want to show something when it's id is less than 100. Is that right? — tanmay
– tanmay, Commented Mar 31, 2017 at 10:40
that was just a simple example I have more complex stuff, I just want to see how to match value from passed array and item within loop — user1751287
– user1751287, Commented Mar 31, 2017 at 10:41
@user1751287: Please check this fiddle. Is this something you require? jsfiddle.net/HB7LU/28608 — Muhammed Neswine
– Muhammed Neswine, Commented Mar 31, 2017 at 11:18

korteee · Accepted Answer · 2017-03-31 11:20:44Z

1

They way you handle data results vm.array and vm.outputL to have different length.

If I am not mistaken, what might be useful based on your question is to push vm.block without caring about its value so that you can match it to the itterating items.

This block might be useful:

Controller:

    vm.block = false;       
    if(vm.outputL[i].id < 100){
       vm.block = true;   
    }
    vm.array.push(vm.block)

Template:

<li ng-repeat="item in vm.outputL">
    <div>{[item.id]}</div>
    <div ng-if="vm.array[$index]">something</div>
 <li>

answered Mar 31, 2017 at 11:20

korteee

2,7122 gold badges21 silver badges25 bronze badges

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

4 Comments

user1751287 Over a year ago

vm.array and vm.outputL actually have the same length, if you look at my code vm.block = false is also in a loop so both true and false will be in array hence the same length

korteee Over a year ago

You are pushing the vm.block only when if statement results true value.

korteee Over a year ago

then all you have to do is check the template block quote I've submitted

user1751287 Over a year ago

yeah I can immediately see that $index was missing, let me try it

Collectives™ on Stack Overflow

angular match value from passed array with item from loop on the page

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related