Suchtext aus Zellvorlage funktioniert nicht in ui-Raster

Question

ich eine bedingte Zellvorlage definiert haben für eine der Spalte. Es zeigt die Daten korrekt an, aber ich kann nicht nach dem Text in der Zellenvorlage suchen. Hier ist meine plunkr: https://plnkr.co/edit/TDX5jtPord1hkzCVaw3L?p=preview

var template1 = '<div class="">' + 
'<div class="" ng-if="COL_FIELD > 30">Greater </div> ' + 
'<div class="" ng-if="COL_FIELD < 30"> Lesser </div> ' + 
'</div>'; 

In der Vorlage ich die Bedingung gestellt haben, dass .. wenn COL_FIELD> 30 dann dann länger schreiben .. oder sonst Lesser schreiben. Und jetzt sollte ich in der Lage sein, nach der Spalte Größer oder Kleiner in Zahl zu suchen.

Answer 1

könnte eine Lösung sein, eine Eigenschaft auf Ihre Daten, wie hinzuzufügen: der Verwendung der Menge mit einer Vorlage

$http.get('data.json').success(function(data) { 
    data.map(function(item) { 
     item.greaterLesser = item.amount > 30 ? 'Greater' : 'Lesser'; 
    }); 
    $scope.gridOptions.data = data; 
}); 

und dann stattdessen binden nur auf dieses Objekt.

$scope.gridOptions = { 
    enableFiltering: true, 
    columnDefs: [{ 
     field: 'name', 
     width: 70 
    }, { 
     field: 'greaterLesser', 
     name: 'Number', 
     width: 90, 
    }, { 
     field: 'amount', 
     name: 'Currency', 
     cellFilter: 'currencyFilter:this', 
    }] 
}; 

Hier ist die updated plunker

bearbeiten

Wenn Sie die Vorlage verwenden möchten, können Sie die Suchfunktion selbst implementieren. Sie können die Option filter zu Ihrem Feld hinzufügen und die condition-Funktion implementieren. Etwas wie:

filter: { 
    condition: function(searchTerm, cellValue) { 
     var value = cellValue > 30 ? 'greater' : 'lesser'; 
     var result = value.search(searchTerm.toLowerCase()); 
     return result > -1; 
    } 
} 

Hier habe ich die search Funktion aber man konnte match oder eine andere Funktion verwenden. Hier ist ein demo plunker