Pertanyaan yang diberi tag «angularjs-ng-repeat»

Saya menjalankan sederhana di ng-repeatatas file JSON dan ingin mendapatkan nama kategori. Ada sekitar 100 objek, masing-masing milik kategori - tetapi hanya ada sekitar 6 kategori. Kode saya saat ini adalah: <select ng-model="orderProp" > <option ng-repeat="place in places" value="{{place.category}}">{{place.category}}</option> </select> Outputnya adalah 100 opsi berbeda, kebanyakan duplikat. Bagaimana cara menggunakan …

131 angularjs  angularjs-ng-repeat 

Saya menggunakan arahan ng-repeat dengan filter seperti ini: ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4" dan saya bisa melihat hasil yang diberikan baik-baik saja; sekarang saya ingin menjalankan beberapa logika pada hasil itu di controller saya. Pertanyaannya adalah bagaimana saya bisa mengambil referensi item hasil? Memperbarui: Hanya untuk …

129 javascript  angularjs  filter  angularjs-ng-repeat 

Saya menggunakan ng-repeat dengan kode saya, saya memiliki nomor 'n' dari kotak teks berdasarkan ng-repeat. Saya ingin menyelaraskan kotak teks dengan tiga kolom. ini kode saya <div class="control-group" ng-repeat="oneExt in configAddr.ext"> {{$index+1}}. <input type="text" name="macAdr{{$index+1}}" id="macAddress" ng-model="oneExt.newValue" value=""/> </div>

122 javascript  angularjs  angularjs-ng-repeat 

Saya memiliki masukan yang memfilter daftar ng-pengulangan pada perubahan. Pengulangan berisi banyak data dan membutuhkan beberapa detik untuk menyaring semuanya. Saya ingin penundaan mereka menjadi 0,5 detik sebelum saya memulai proses penyaringan. Bagaimana cara sudut yang benar untuk membuat penundaan ini? Memasukkan <input ng-model="xyz" ng-change="FilterByName()" /> Ulang <div ng-repeat"foo in …

117 angularjs  angularjs-directive  angularjs-ng-repeat 

Saya mencoba mengizinkan pengguna untuk mengedit daftar item dengan menggunakan ngRepeatdan ngModel. ( Lihat biola ini .) Namun, kedua pendekatan yang saya coba menyebabkan perilaku aneh: satu tidak memperbarui model, dan yang lain mengaburkan formulir pada setiap tuts bawah. Apakah saya melakukan sesuatu yang salah di sini? Apakah ini bukan …

116 angularjs  angularjs-ng-repeat  angularjs-ng-model 

Saya mencari pola yang tepat untuk memasukkan kelas baris bootstrap setiap 3 kolom. Saya memerlukan ini karena cols tidak memiliki tinggi tetap (dan saya tidak ingin memperbaikinya), jadi desain saya rusak! Ini kode saya: <div ng-repeat="product in products"> <div ng-if="$index % 3 == 0" class="row"> <div class="col-sm-4" > ... </div> …

111 angularjs  twitter-bootstrap  angularjs-ng-repeat  ng-repeat 

Dapatkah saya menggunakan konstruksi if-then-else (terner-operator) dalam ekspresi angularjs, misalnya saya memiliki fungsi $ scope.isExists (item) yang harus mengembalikan nilai bool. Saya ingin sesuatu seperti ini, <div ng-repeater="item in items"> <div>{{item.description}}</div> <div>{{isExists(item) ? 'available' : 'oh no, you don't have it'}}</div> </div> Saya tahu bahwa saya dapat menggunakan fungsi yang …

109 javascript  angularjs  if-statement  angularjs-ng-repeat  ternary-operator 

Script di bawah ini menampilkan gerobak toko menggunakan ng-repeat. Untuk setiap elemen dalam larik, ini menunjukkan nama item, jumlahnya, dan subtotal ( product.price * product.quantity). Apa cara paling sederhana untuk menghitung harga total elemen berulang? <table> <tr> <th>Product</th> <th>Quantity</th> <th>Price</th> </tr> <tr ng-repeat="product in cart.products"> <td>{{product.name}}</td> <td>{{product.quantity}}</td> <td>{{product.price * product.quantity}} …

107 angularjs  angularjs-ng-repeat 

Saya mengalami kesulitan memahami cara kerja trek dengan ekspresi ng-repeat in angularjs. Dokumentasi sangat langka: http://docs.angularjs.org/api/ng/directive/ngRepeat Bisakah Anda menjelaskan apa perbedaan antara kedua potongan kode tersebut dalam hal pengikatan data dan aspek relevan lainnya? dengan: track by $index <!--names is an array--> <div ng-repeat="(key, value) in names track by $index"> …

101 javascript  angularjs  angularjs-ng-repeat 

Saya memiliki dua pengontrol dan berbagi data di antara mereka dengan fungsi app.factory. Pengontrol pertama menambahkan widget dalam larik model (pluginsDisplayed) saat tautan diklik. Widget didorong ke dalam array dan perubahan ini tercermin ke dalam tampilan (yang menggunakan ng-repeat untuk menampilkan konten array): <div ng-repeat="pluginD in pluginsDisplayed"> <div k2plugin pluginname="{{pluginD.name}}" …

100 angularjs  angularjs-directive  angularjs-scope  angularjs-ng-repeat 

Saya sedang mengerjakan aplikasi Angular.js yang memfilter melalui file json prosedur medis. Saya ingin menunjukkan detail setiap prosedur ketika nama prosedur diklik (pada halaman yang sama) menggunakan ng-click. Inilah yang saya miliki sejauh ini, dengan div .procedure-details disetel ke display: none: <ul class="procedures"> <li ng-repeat="procedure in procedures | filter:query | …

100 angularjs  angularjs-ng-repeat 

Saya memiliki arahan dengan isolate-scope (sehingga saya dapat menggunakan kembali arahan di tempat lain), dan ketika saya menggunakan arahan ini dengan ng-repeat, itu gagal berfungsi. Saya telah membaca semua dokumentasi dan jawaban Stack Overflow tentang topik ini dan memahami masalahnya. Saya yakin saya telah menghindari semua tipu muslihat biasa. Jadi …

95 angularjs  angularjs-directive  angularjs-scope  angularjs-ng-repeat 

Saya mencoba memfilter daftar dengan beberapa filter + dengan fungsi filter kustom. Contoh asli jsfiddle yang berfungsi adalah http://jsfiddle.net/ed9A2/1/ tetapi sekarang saya ingin mengubah cara filter usia. Saya ingin menambahkan filter kustom sehingga usia itu memfilter berdasarkan dua nilai input yaitu min_age dan max_age , (antara usia). Setelah melihat doc. …

95 javascript  angularjs  angularjs-ng-repeat 

Saya mencari cara untuk memberitahu angular untuk melewati sebuah item dalam ng-repeat jika cocok dengan ekspresi, pada dasarnya continue; Dalam pengontrol: $scope.players = [{ name_key:'FirstPerson', first_name:'First', last_name:'Person' }, { name_key:'SecondPerson', first_name:'Second', last_name:'Person' }] Sekarang di template saya, saya ingin menunjukkan kepada semua orang yang tidak cocok name_key='FirstPerson'. Saya pikir itu …

91 angularjs  angularjs-ng-repeat