Angular JS 'Startswith' custom filter

Also ich versuche schon eine Weile, um einen benutzerdefinierten filter, der sucht nach dem 'Startswith' Parameter eher als 'Enthält'. Jeder filter, den ich geschrieben habe, noch nicht scheinen, um richtig zu arbeiten. Hier ist ein Beispiel, was ich versuche zu erreichen ist ---> http://jsfiddle.net/DMSChris/9ptr9/

function FilterCtrl() {
var scope = this;
scope.doFilter = function(elem) { 
    if(!scope.searchText) return true;
    return elem.last_name.toLowerCase().indexOf( scope.searchText.toLowerCase()) == 0; 
};

}

http://jsbin.com/OyubElO/1/edit - Hier ist, wo ich bin jetzt.

  <ul border="1px" ng-repeat="msg in messages | filter:search:strict">

<li>{{msg.last_name}}</li>

Jede Hilfe wäre sehr geschätzt werden!

InformationsquelleAutor der Frage Chris Pena | 2013-10-21

  1. 33

    Einen einfachen Weg, dies zu tun ist um eine neue Methode hinzufügen, um Ihre Rahmen.

    $scope.startsWith = function (actual, expected) {
    var lowerStr = (actual + "").toLowerCase();
    return lowerStr.indexOf(expected.toLowerCase()) === 0;
}

    Dann ändern Sie die filter-syntax auf Ihrem element.

    <ul border="1px" ng-repeat="msg in messages | filter:search:startsWith">

    Hier ist ein arbeiten plunkr mit dem Beispiel oben.

    InformationsquelleAutor der Antwort mark

  2. 3

    Filter im Objekt 

      $scope.fmyData = $filter('filter')($scope.AllMyData, $scope.filterOptions,function (actual, expected) {
                    return actual.toLowerCase().indexOf(expected.toLowerCase()) == 0;
                });

    InformationsquelleAutor der Antwort user3454062

  3. 0

    Nun Reine javascript selbst hat die startsWith() - Methode auf Zeichenketten. Aber es wird nicht unterstützt von IE11.

    Siehe hier:

    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/startsWith

    InformationsquelleAutor der Antwort vissu

Schreibe einen Kommentar