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

  • BeginnersTech

    BeginnersTec

    8 NİSAN 2011
  • DavideoDesign

    DavideoDesig

    24 NİSAN 2006
  • LardTardProductions's channel

    LardTardProd

    10 NİSAN 2009