ionic1 eckig js ng-repeat | Filter: Suche funktioniert nicht?

Question

angular.module('starter.services', []) 
 

 
.factory('Chats', function($http) { 
 
    // Might use a resource here that returns a JSON array 
 

 
    // Some fake testing data 
 
    var chats=[]; 
 
$http({ 
 
    method: 'GET', 
 
    url: 'js/champions.json' 
 
}).then(function success(data) { 
 
    for (var i = 1; i < 700; i++) { 
 
    if (data.data.data[i]!=undefined) { 
 
     chats.push(data.data.data[i]) ; 
 
    //console.log(data.data.data[i]); 
 
    } 
 
    } 
 
}); 
 
//console.log(chats); 
 
    return { 
 
    all: function() { 
 
     return chats; 
 
    }, 
 

 
    remove: function(chat) { 
 
     chats.splice(chats.indexOf(chat), 1); 
 
    }, 
 
    
 
    get: function(chatId) { 
 
     for (var i = 0; i < chats.length; i++) { 
 
     if (chats[i].id === parseInt(chatId)) { 
 
      return chats[i]; 
 
     } 
 
     } 
 
     return null; 
 
    } 
 
    }; 
 
}) ;

<ion-view view-title=" Tüm Kahramanlar"> 
 
    <ion-content> 
 
    <ion-list> 
 

 
    <ion-item> 
 
    <ion-label fixed>Arama</ion-label> 
 
    <input type="text" style="width: 100%" placeholder="Karakter Adına Göre Filtrele" ng-model="search" ></input> 
 
    </ion-item> 
 

 
</ion-list> 
 
    <ion-list> 
 
     <ion-item class="item-remove-animate item-avatar item-icon-right" ng-repeat="chat in chats | orderBy : 'key' | filter : search " type="item-text-wrap" href="#/tab/chats/{{chat.id}}"> 
 
     <img ng-src="http://ddragon.leagueoflegends.com/cdn/7.18.1/img/champion/{{chat.image.full}}"> 
 
     <h2>{{chat.name }}</h2> 
 
     <p>{{chat.title}}</p> 
 
     <i class="icon ion-chevron-right icon-accessory"></i> 
 

 
     <ion-option-button class="button-assertive" ng-click="remove(chat)"> 
 
      Delete 
 
     </ion-option-button> 
 
     </ion-item> 
 
    </ion-list> 
 
    </ion-content> 
 
</ion-view>

Jungs, wie Filter dieses ng Wiederholungskode seine wie nichts kommen passiert ich kann. also ist es nicht gefiltert. bitte helft mir :(Ich denke, sein Modell geändert denken nicht, wenn ich schreibe bin | Filter: ‚NameSomething‘ seine Arbeiten aber kann nicht in dort bekomme ich Modell ng wie kann dies tue ich:

Answer 1

Versuchen Sie, wie? dies:

ändern Sie diese Zeile: (Stellen Sie sicher, $scope.search = {}; in Controller definieren)

<input type="text" style="width: 100%" placeholder="Karakter Adına Göre Filtrele" ng-model="search.name" ></input> 

Einfache Implementierung: Suche mit n ame:

<input type="text" ng-model="searchData.name"> 
<div ng-repeat="chat in chats | filter:searchData"> {{chat.name}}</div> 

Arbeits Demo:

https://plnkr.co/edit/t6B6fZDRCSLuBN36GLVD?p=preview