คำถามติดแท็ก ng-repeat

12
ng-repeat: กรองตามฟิลด์เดียว
ฉันมีชุดผลิตภัณฑ์ที่ฉันใช้ซ้ำโดยใช้ ng-repeat และกำลังใช้งานอยู่ <div ng-repeat="product in products | filter:by_colour"> เพื่อกรองผลิตภัณฑ์เหล่านี้ตามสี ตัวกรองทำงานอยู่ แต่ถ้าชื่อ / คำอธิบายผลิตภัณฑ์ ฯลฯ มีสีผลิตภัณฑ์จะยังคงอยู่หลังจากที่ใช้ตัวกรอง ฉันจะตั้งค่าตัวกรองให้ใช้กับฟิลด์สีของอาร์เรย์ของฉันมากกว่าทุกฟิลด์ได้อย่างไร

10
ข้อผิดพลาดเชิงมุม ng-repeat“ ไม่อนุญาตให้ทำซ้ำใน repeater”
ฉันกำลังกำหนดตัวกรองแบบกำหนดเองดังนี้: <div class="idea item" ng-repeat="item in items" isoatom> <div class="section comment clearfix" ng-repeat="comment in item.comments | range:1:2"> .... </div> </div> ในขณะที่คุณสามารถดู ng-repeat ที่มีการใช้ตัวกรองซ้อนอยู่ภายใน ng-repeat อื่น ตัวกรองถูกกำหนดดังนี้: myapp.filter('range', function() { return function(input, min, max) { min = parseInt(min); //Make string input int max = parseInt(max); for (var i=min; i<max; i++) input.push(i); …

7
ดูเหมือนว่าการเพิ่มพารามิเตอร์ให้กับฟังก์ชัน ng-click ภายใน ng-repeat นั้นไม่ทำงาน
ฉันมีห่วงง่าย ๆng-repeatเช่นนี้: <li ng-repeat='task in tasks'> <p> {{task.name}} <button ng-click="removeTask({{task.id}})">remove</button> </li> $scope.removeTask(taskID)มีฟังก์ชั่นในการควบคุมคือ เท่าที่ฉันทราบ Angular จะแสดงมุมมองและแทนที่การประมาณ{{task.id}}ด้วยตัวเลขจากนั้นเมื่อคลิกเหตุการณ์จะประเมินng-clickสตริง ในกรณีนี้ng-clickจะได้รับสิ่งที่คาดหวังทั้งหมดเช่น: ng-click="removeTask(5)".อย่างไรก็ตาม ... มันไม่ได้ทำอะไรเลย แน่นอนฉันสามารถเขียนโค้ดเพื่อรับtask.idจาก$tasksอาเรย์หรือแม้แต่ DOM แต่นี่ดูเหมือนจะไม่เหมือนวิธีแองกูลาร์ ดังนั้นวิธีหนึ่งสามารถเพิ่มเนื้อหาแบบไดนามิกในng-clickคำสั่งภายในng-repeatวง?

4
ฟังก์ชันการจัดเรียงแบบกำหนดเองใน ng-repeat
ฉันมีชุดกระเบื้องที่แสดงจำนวนหนึ่งขึ้นอยู่กับว่าผู้ใช้เลือกตัวเลือกใด ตอนนี้ฉันต้องการจัดเรียงตามตัวเลขที่แสดง โค้ดด้านล่างแสดงให้เห็นว่าฉันใช้งานได้อย่างไร (โดยการรับ / ตั้งค่าในขอบเขตการ์ดหลัก) ตอนนี้เนื่องจากฟังก์ชัน orderBy ใช้สตริงฉันจึงพยายามตั้งค่าตัวแปรในขอบเขตการ์ดที่เรียกว่า curOptionValue และจัดเรียงตามนั้น แต่ดูเหมือนจะไม่ได้ผล คำถามจึงกลายเป็นว่าฉันจะสร้างฟังก์ชันการจัดเรียงแบบกำหนดเองได้อย่างไร <div ng-controller="aggViewport" > <div class="btn-group" > <button ng-click="setOption(opt.name)" ng-repeat="opt in optList" class="btn active">{{opt.name}}</button> </div> <div id="container" iso-grid width="500px" height="500px"> <div ng-repeat="card in cards" class="item {{card.class}}" ng-controller="aggCardController"> <table width="100%"> <tr> <td align="center"> <h4>{{card.name}}</h4> </td> </tr> <tr> <td align="center"><h2>{{getOption()}}</h2></td> …

8
วิธีกรอง (คีย์ค่า) ด้วย ng-repeat ใน AngularJs
ฉันกำลังพยายามทำสิ่งที่ชอบ: <div ng-controller="TestCtrl"> <div ng-repeat="(k,v) in items | filter:hasSecurityId"> {{k}} {{v.pos}} </div> </div> AngularJs ส่วน: function TestCtrl($scope) { $scope.items = { 'A2F0C7':{'secId':'12345', 'pos':'a20'}, 'C8B3D1':{'pos':'b10'} }; $scope.hasSecurityId = function(k,v) { return v.hasOwnProperty('secId'); } } แต่อย่างใดมันแสดงให้ฉันเห็นทุกรายการ ฉันจะกรอง (คีย์ค่า) ได้อย่างไร

18
Angular ng-repeat เพิ่มแถว bootstrap ทุกๆ 3 หรือ 4 cols
ฉันกำลังมองหารูปแบบที่ถูกต้องในการฉีดคลาสแถว bootstrap ทุกๆ 3 คอลัมน์ ฉันต้องการสิ่งนี้เพราะ cols ไม่มีความสูงคงที่ (และฉันไม่ต้องการแก้ไข) ดังนั้นมันจึงทำให้การออกแบบของฉันแตก! นี่คือรหัสของฉัน: <div ng-repeat="product in products"> <div ng-if="$index % 3 == 0" class="row"> <div class="col-sm-4" > ... </div> </div> </div> แต่จะแสดงเพียงหนึ่งผลิตภัณฑ์ในแต่ละแถว สิ่งที่ฉันต้องการผลลัพธ์สุดท้ายคือ: <div class="row"> <div class="col-sm4"> ... </div> <div class="col-sm4"> ... </div> <div class="col-sm4"> ... </div> </div> <div class="row"> <div class="col-sm4"> …
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.