javascript - angularjs怎么獲取repeat里的某些$index值?
問題描述
<!DOCTYPE html><html ng-app='app'><head> <title></title> <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js'></script></head><body> <ul><li ng-repeat='d in arr' > <span ng-bind='$index'></span> <span ng-bind='d.status' ng-style='d.color'></span></li> </ul> <a href='javascript:void(0)' ng-click='getOffIndex()'>獲取timeout的索引</a> <script type='text/javascript'>var app = angular.module('app',[]);app.run(function($rootScope){ for(var i=0; i<10; i++){$http({ method : 'JSON', url : '/xxxx/data'}).then(function(data){ /* data返回的數據 */ //data = {status:'on',color:{color:'#000'}} /* 有時返回timeout */ //data = {status:'timeout',color:{color:'red'}} //push到arr數組,然后通過repeat循環展示 /*$rootScope.arr = [{status:'on',color:{color:'#000'}},{status:'on',color:{color:'#000'}},{status:'timeout',color:{color:'red'}},{status:'on',color:{color:'#000'}},{status:'timeout',color:{color:'red'}},{status:'on',color:{color:'#000'}},{status:'on',color:{color:'#000'}},{status:'on',color:{color:'#000'}},{status:'on',color:{color:'#000'}},{status:'on',color:{color:'#000'}},{status:'timeout',color:{color:'red'}} ];*/ $rootScope.arr.push(data);},function(){}); } $rootScope.getOffIndex = function(){//這里如何獲取到全部的status:'timeout'的$index索引值.注意只要timeout的 } //我的需求就是當點擊 '獲取timeout的索引' 按鈕后 將這些timeout的狀態在重新請求,如果請求成功,就會把timeout顯示成on. //因為循環請求有時會timeout超時 //所以現在最大的問題就是怎么把 timeout重新請求.然后修改$rootScope.arr數組的相應下標位置,重點就在這里}); </script></body></html>
$rootScope.getOffIndex = function(){//這里如何獲取到全部的status:'timeout'的$index索引值.注意只要timeout的 }
我的需求就是當點擊 '獲取timeout的索引' 按鈕后 將這些timeout的狀態在重新請求,如果請求成功,就會把timeout顯示成on.因為循環請求有時會timeout超時所以現在最大的問題就是怎么把 timeout重新請求.然后修改$rootScope.arr數組的相應下標位置,重點就在這里
問題解答
回答1：評論說遍歷arr是對的，
$rootScope.arr = [ {status:'on',color:{color:'#000'}}, {status:'on',color:{color:'#000'}}, {status:'timeout',color:{color:'red'}}, {status:'on',color:{color:'#000'}}, {status:'timeout',color:{color:'red'}}, {status:'on',color:{color:'#000'}}, {status:'on',color:{color:'#000'}}, {status:'on',color:{color:'#000'}}, {status:'on',color:{color:'#000'}}, {status:'on',color:{color:'#000'}}, {status:'timeout',color:{color:'red'}}];
你想象成，我獲得這個數組中，屬性為timeout的對象，他在這個數組中的index值
你可能是想在前臺直接判斷，可以做，不推薦這樣做
相關文章：
1. JavaScript將.apply（）與'new'運算符配合使用這可能嗎？2. angular.js - webpack build后的angularjs路由跳轉問題3. java - web項目中，用戶登陸信息存儲在session中好 還是cookie中好，取決于什么？4. java - Activity中的成員變量被賦值之后，Activity被回收的時候內存才會被釋放嗎5. 請求一個數據返回內容為空或者錯誤如何再次請求幾次6. 數組按鍵值封裝！7. 老師，flex-shrink: 1; 按視頻操作，不會自動縮放8. 為什么bindClass訪問不了的？9. Discuz! Q 有人用過嗎?10. php由5.3升級到5.6后，登錄網站，返回的是php代碼，不是登錄界面，各位大神有知道的嗎？
網公網安備