SORU
25 Mart 2013, PAZARTESİ


Açısal bir dizi nesneleri aramak istiyorum

Açısal, ben scope nesnesi döndüren bir sürü nesneleri her bir fikir (bu saklı bir düz dosya yani hiç DB, ve ben gibi değil, müdürüm kullanıcı ng-resource Denetleyici: benim

$scope.fish = [{category:'freshwater', id:'1', name: 'trout', more:'false'},  {category:'freshwater', id:'2', name:'bass', more:'false'}]

Benim görüşlerim var ek bilgi balık hakkında gizli varsayılan ile ng-daha fazla, ama ne zaman ı tıklatın basit Haritayı daha tab etmek istiyorum arama fonksiyonu showdetails(fish.fish_id). Benim görevim bir şey gibi görünecektir:

$scope.showdetails = function(fish_id){  
var fish = $scope.fish.get({id: fish_id}) fish.more = true }}

Şimdi görünümünde daha fazla ayrıntı ortaya çıktı. Ancak belgeler üzerinden arama yaptıktan sonra o Balığı dizi aramak için nasıl çözemiyorum.

Nasıl dizi sorgu mı? Ve Konsolu nasıl ile oynamak için $scope itirazım var, böylece hata ayıklayıcı arayayım mı?

CEVAP
25 Mart 2013, PAZARTESİ


Eğer bu size biraz yardımcı olabilir biliyorum.

İşte size taklit etmeye çalıştım bir şeyler.

Ödeme jsFiddle ;)

http://jsfiddle.net/migontech/gbW8Z/5/

Ayrıca kullanmak için bir filtre oluşturuldu 'ng-repeat

app.filter('getById', function() {
  return function(input, id) {
    var i=0, len=input.length;
    for (; i<len; i  ) {
      if ( input[i].id ==  id) {
        return input[i];
      }
    }
    return null;
  }
});

Kumanda kullanımı:

app.controller('SomeController', ['$scope', '$filter', function($scope, $filter) {
     $scope.fish = [{category:'freshwater', id:'1', name: 'trout', more:'false'},  {category:'freshwater', id:'2', name:'bass', more:'false'}]

     $scope.showdetails = function(fish_id){
         var found = $filter('getById')($scope.fish, fish_id);
         console.log(found);
         $scope.selected = JSON.stringify(found);
     }
}]);

Eğer herhangi bir sorunuz varsa bana bildirin.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • JayzTwoCents

    JayzTwoCents

    26 AĞUSTOS 2012
  • jkimisyellow

    jkimisyellow

    6 Mayıs 2009
  • UnboxTechnology

    UnboxTechnol

    20 Ocak 2011