Pertanyaan yang diberi tag «angularjs-ng-repeat»

Di controller saya, saya punya data seperti: $scope.object = data Sekarang data ini adalah kamus dengan kunci dan nilai dari json. Saya dapat mengakses atribut dengan object.namedi templat. Apakah ada cara yang saya bisa mengulangi tombol juga dan menampilkannya dalam tabel seperti <tr><td> {{key}} </td> <td> data.key </td> Datanya seperti …

679 angularjs  angularjs-ng-repeat 

Apakah ada cara untuk ng-repeatmenentukan berapa kali alih-alih selalu harus beralih ke array? Sebagai contoh, di bawah ini saya ingin item daftar muncul 5 kali dengan asumsi $scope.numbersama dengan 5 selain menambah nomor sehingga setiap item daftar bertambah seperti 1, 2, 3, 4, 5 Hasil yang diinginkan: <ul> <li><span>1</span></li> <li><span>2</span></li> …

417 javascript  html  angularjs  angularjs-ng-repeat 

Bagaimana cara mengurutkan dengan menggunakan beberapa bidang sekaligus dalam sudut? tinju oleh kelompok dan kemudian oleh sub-kelompok untuk Contoh $scope.divisions = [{'group':1,'sub':1}, {'group':2,'sub':10}, {'group':1,'sub':2},{'group':1,'sub':20},{'group':2,'sub':1}, {'group':2,'sub':11}]; Saya ingin menampilkan ini sebagai grup: Subkelompok 1 - 1 1 - 2 1 - 20 2 - 1 2 - 10 2 - 11 …

382 javascript  angularjs  sorting  angularjs-ng-repeat  angularjs-orderby 

Saya pikir ini akan menjadi hal yang sangat umum, tetapi saya tidak dapat menemukan cara menanganinya di AngularJS. Katakanlah saya memiliki daftar acara dan ingin menampilkannya dengan AngularJS, maka itu cukup mudah: <ul> <li ng-repeat="event in events">{{event.title}}</li> </ul> Tetapi bagaimana saya menangani kasing ketika daftar kosong? Saya ingin memiliki kotak …

377 javascript  angularjs  angularjs-ng-repeat  angularjs-ng-show 

Jadi saya punya ng-repeat yang bersarang di ng-repeat lain untuk membangun menu nav. Pada masing-masing <li>di loop berulang ng-dalam saya menetapkan ng-klik yang memanggil controller yang relevan untuk item menu dengan melewati indeks $ untuk membiarkan aplikasi tahu mana yang kita butuhkan. Namun saya juga harus lulus dalam indeks $ …

322 angularjs  angularjs-ng-repeat 

Saya tahu bahwa kita dapat dengan mudah menggunakan ng-repeat untuk objek json atau array seperti: <div ng-repeat="user in users"></div> tapi bagaimana kita bisa menggunakan ng-repeat untuk kamus, misalnya: var users = null; users["182982"] = "{...json-object...}"; users["198784"] = "{...json-object...}"; users["119827"] = "{...json-object...}"; Saya ingin menggunakannya dengan kamus pengguna: <div ng-repeat="user in …

285 angularjs  json  dictionary  angularjs-ng-repeat 

Angular memang menyediakan beberapa dukungan untuk loop menggunakan angka-angka dalam arahan HTML-nya: <div data-ng-repeat="i in [1,2,3,4,5]"> do something </div> Tetapi jika variabel lingkup Anda mencakup rentang yang memiliki angka dinamis maka Anda harus membuat array kosong setiap kali. Di controller var range = []; for(var i=0;i<total;i++) { range.push(i); } $scope.range …

252 angularjs  angularjs-ng-repeat 

Bagaimana saya bisa mendapatkan array terbalik di sudut? Saya mencoba menggunakan filter orderBy, tetapi perlu predikat (misalnya 'nama') untuk mengurutkan: <tr ng-repeat="friend in friends | orderBy:'name':true"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> <tr> Apakah ada cara untuk membalikkan array asli, tanpa menyortir. seperti itu: <tr ng-repeat="friend in friends | orderBy:'':true"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> …

227 javascript  arrays  angularjs  reverse  angularjs-ng-repeat 

Saya ingin menggunakan indeks daftar induk (foos) sebagai argumen untuk panggilan fungsi dalam daftar anak (foos.bars). Saya menemukan posting di mana seseorang merekomendasikan menggunakan $ parent. $ Index, tetapi $indexbukan properti dari $parent. Bagaimana saya bisa mengakses indeks induk ng-repeat? <div ng-repeat="f in foos"> <div> <div ng-repeat="b in foos.bars"> <a …

218 javascript  angularjs  angularjs-ng-repeat 

Saya ingin memanggil beberapa fungsi penargetan jQuery div dengan tabel. Tabel itu diisi dengan ng-repeat. Ketika saya menyebutnya $(document).ready() Saya tidak punya hasil. Juga $scope.$on('$viewContentLoaded', myFunc); tidak membantu. Apakah ada cara untuk menjalankan fungsi setelah populasi ng-repeat selesai? Saya sudah membaca saran tentang penggunaan custom directive, tapi saya tidak tahu …

207 javascript  jquery  angularjs  angularjs-ng-repeat  document-ready 

Saya perlu membuat daftar item yang dipisahkan koma: <li ng-repeat="friend in friends"> <b ng-repeat="email in friend.email">{{email}}{{$last ? '' : ', '}}</b>... </li> Menurut dokumentasi AngularJS, tidak ada pernyataan aliran kontrol yang diizinkan dalam ekspresi. Inilah mengapa saya {{$last ? '' : ', '}}tidak bekerja. Apakah ada cara alternatif untuk membuat …

179 angularjs  angularjs-ng-repeat 

Saya telah melihat pertanyaan SO ini . Kode saya alih-alih ng-bind="item.desc"menggunakan {{item.desc}}karena saya punya ng-repeatsebelumnya. Jadi kode saya: <div ng-repeat="item in items"> {{item.description}} </div> Deskripsi item berisi \nbaris baru yang tidak dirender. Bagaimana cara {{item.description}}menampilkan baris baru dengan mudah dengan asumsi saya memiliki di ng-repeatatas?

176 angularjs  angularjs-ng-repeat 

Saya memiliki dataset besar beberapa ribu baris dengan masing-masing sekitar 10 bidang, sekitar 2MB data. Saya perlu menampilkannya di browser. Pendekatan yang paling mudah (mengambil data, memasukkannya $scope, ng-repeat=""melakukan tugasnya) berfungsi dengan baik, tetapi membeku browser selama sekitar setengah menit ketika mulai memasukkan node ke DOM. Bagaimana saya harus mendekati …

165 javascript  angularjs  angularjs-ng-repeat 

Saya ingin menggunakan filterdalam sudut dan ingin memfilter untuk beberapa nilai, jika memiliki salah satu dari nilai maka harus ditampilkan. Saya punya contoh struktur ini: Objek movieyang memiliki properti genresdan saya ingin memfilter untuk Actiondan Comedy. Saya tahu saya bisa melakukannya filter:({genres: 'Action'} || {genres: 'Comedy'}), tetapi apa yang harus …

135 javascript  angularjs  angularjs-ng-repeat 

Selain merender nilai properti dalam sebuah objek, saya juga ingin membuat nama properti sebagai label. Apakah ada cara untuk melakukannya ng-repeat? Sebagai contoh: <ul> <li ng-repeat="option in data">{{propertyName}}: {{option}}</li> </ul> Yang mungkin mengeluarkan sesuatu seperti ini: <ul> <li>Name: John</li> <li>Phone: (123) 456-7890</li> <li>Country: England</li> </ul>

134 angularjs  angularjs-ng-repeat