javascript - 传递数组中的 Angular 匹配值与页面上循环中的项目

Question

尝试匹配传递的数组中的值并在页面上循环

.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) 

    }
}

和html代码

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

如何匹配 vm.block 中的值和页面上的循环项？

Answer 1

它们处理数据结果vm.array和vm.outputL以具有不同长度的方式。

如果我没记错的话，根据您的问题，可能有用的是推送vm.block而不关心它的值，以便您可以将其匹配到重复项目。

这个 block 可能有用:

Controller :

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

模板:

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