«angularjs-ng-repeat» etiketlenmiş sorular

ng-repeatBir JSON dosyası üzerinden basit bir şekilde çalıştırıyorum ve kategori adlarını almak istiyorum. Her biri bir kategoriye ait olan yaklaşık 100 nesne vardır - ancak yalnızca yaklaşık 6 kategori vardır. Mevcut kodum şu: <select ng-model="orderProp" > <option ng-repeat="place in places" value="{{place.category}}">{{place.category}}</option> </select> Çıktı, çoğu kopya olan 100 farklı seçenektir. {{place.category}}Zaten …

131 angularjs  angularjs-ng-repeat 

Şu şekilde filtreli bir ng-tekrar yönergesi kullanıyorum: ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4" ve işlenmiş sonuçları iyi görebiliyorum; şimdi denetleyicimde bu sonuç üzerinde biraz mantık çalıştırmak istiyorum. Soru, sonuç öğelerinin referansını nasıl alabilirim? Güncelleme: Sadece açıklığa kavuşturmak için: Bir otomatik tamamlama oluşturmaya çalışıyorum, şu girdiye sahibim: <input …

129 javascript  angularjs  filter  angularjs-ng-repeat 

Kodumla ng-yineleme kullanıyorum, ng-yinelemeye dayalı 'n' metin kutusu sayısına sahibim. Metin kutusunu üç sütunla hizalamak istiyorum. bu benim kodum <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 

Değişiklik durumunda ng-tekrar listesini filtreleyen bir girişim var. Yineleme çok fazla veri içerir ve her şeyi filtrelemek birkaç saniye sürer. Filtreleme işlemine başlamadan önce 0,5 saniyelik gecikme olmasını istiyorum. Bu gecikmeyi yaratmanın doğru açısal yolu nedir? Giriş <input ng-model="xyz" ng-change="FilterByName()" /> Tekrar et <div ng-repeat"foo in bar"> <p>{{foo.bar}}</p> </div> Filtre …

117 angularjs  angularjs-directive  angularjs-ng-repeat 

Ben kullanarak düzenlemek için kullanıcıya öğelerin listesini izin çalışıyorum ngRepeatve ngModel. ( Bakın bu keman .) Bununla birlikte, denediğim her iki yaklaşım da tuhaf davranışlara yol açıyor: biri modeli güncellemiyor, diğeri ise her tuş basışında formu bulanıklaştırıyor. Burada yanlış bir şey mi yapıyorum? Bu, desteklenen bir kullanım durumu değil mi? …

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

Her 3 sütunda bir önyükleme satırı sınıfını enjekte etmek için doğru modeli arıyorum. Buna ihtiyacım var çünkü cols sabit bir yüksekliğe sahip değil (ve ben bir tane düzeltmek istemiyorum), bu yüzden tasarımımı bozuyor! İşte kodum: <div ng-repeat="product in products"> <div ng-if="$index % 3 == 0" class="row"> <div class="col-sm-4" > ... …

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

Angularjs ifadesinde bir şekilde if-then-else yapısını (ternary-operator) kullanabilir miyim, örneğin bool değerini döndürmesi gereken $ kapsam.isExists (öğe) fonksiyonum var. Bunun gibi bir şey istiyorum <div ng-repeater="item in items"> <div>{{item.description}}</div> <div>{{isExists(item) ? 'available' : 'oh no, you don't have it'}}</div> </div> String döndüren bir işlevi kullanabileceğimi biliyorum, if-then-else yapısını ifadede kullanma …

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

Aşağıdaki komut dosyası kullanılarak bir alışveriş sepeti gösterilmektedir ng-repeat. Dizideki her öğe için öğe adını, miktarını ve alt toplamını ( product.price * product.quantity) gösterir. Tekrarlanan elementlerin toplam fiyatını hesaplamanın en basit yolu nedir? <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}} €</td> </tr> …

107 angularjs  angularjs-ng-repeat 

Angularjs'de ng-tekrar ifadesi ile parçanın nasıl çalıştığını anlamakta güçlük çekiyorum . Belgeler çok azdır: http://docs.angularjs.org/api/ng/directive/ngRepeat Veri bağlama ve diğer ilgili hususlar açısından bu iki kod parçacığı arasındaki farkın ne olduğunu açıklayabilir misiniz ? ile: track by $index <!--names is an array--> <div ng-repeat="(key, value) in names track by $index"> <input …

102 javascript  angularjs  angularjs-ng-repeat 

İki denetleyicim var ve aralarında bir app.factory işlevi ile veri paylaşıyorum. İlk denetleyici, bir bağlantı tıklandığında model dizisine (pluginsDisplayed) bir pencere öğesi ekler. Parçacık diziye aktarılır ve bu değişiklik görünüme yansıtılır (dizi içeriğini göstermek için ng-yinelemeyi kullanır): <div ng-repeat="pluginD in pluginsDisplayed"> <div k2plugin pluginname="{{pluginD.name}}" pluginid="{{pluginD.id}}"></div> </div> Widget üç yönerge üzerine …

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

Tıbbi prosedürlerin bir json dosyası aracılığıyla filtreleyen bir Angular.js uygulaması üzerinde çalışıyorum. Ng-tıklama kullanılarak prosedürün adına tıklandığında (aynı sayfada) her prosedürün ayrıntılarını göstermek istiyorum. .Procedure-details div öğesi görüntülenecek şekilde ayarlandığında şu ana kadar elde ettiğim şey bu: yok: <ul class="procedures"> <li ng-repeat="procedure in procedures | filter:query | orderBy:orderProp"> <h4><a href="#" …

100 angularjs  angularjs-ng-repeat 

İzole kapsamı olan bir yönergem var (böylece yönergeyi başka yerlerde yeniden kullanabilirim) ve bu yönergeyi bir ile ng-repeatkullandığımda çalışmıyor. Bu konudaki tüm belgeleri ve Stack Overflow yanıtlarını okudum ve sorunları anladım. Her zamanki sorunlardan kaçtığıma inanıyorum. Dolayısıyla, ng-repeatdirektif tarafından oluşturulan kapsam nedeniyle kodumun başarısız olduğunu anlıyorum . Benim direktifim bir …

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

Listeyi birden çok filtre + özel bir filtre işlevi ile filtrelemeye çalışıyorum. Orijinal çalışan jsfiddle örneği http://jsfiddle.net/ed9A2/1/ ama şimdi yaşın filtrelenme şeklini değiştirmek istiyorum. O kadar özel bir filtre eklemek istediğiniz yaş öyle iki giriş değerine göre filtreleme MAX_AGE ve MAX_AGE (yaş arası). Doktora baktıktan sonra. Benzer soruları olan kişiler …

95 javascript  angularjs  angularjs-ng-repeat 

Temel olarak, bir ifade ile eşleşiyorsa, bir ng-yinelemedeki bir öğeyi atlamayı basitçe açısal söylemenin bir yolunu arıyorum, temelde continue; Denetleyicide: $scope.players = [{ name_key:'FirstPerson', first_name:'First', last_name:'Person' }, { name_key:'SecondPerson', first_name:'Second', last_name:'Person' }] Şimdi şablonumda eşleşmeyen herkese göstermek istiyorum name_key='FirstPerson'. Filtreler olması gerektiğini düşündüm, bu yüzden onunla oynamak için bir Plunkr …

91 angularjs  angularjs-ng-repeat