Angular JS 'Startswith' filtre personnalisé

Alors j'ai essayé un moment pour faire un filtre personnalisé de recherche de la "Startswith" paramètres "plutôt que la "Contient". Chaque filtre que j'ai écrit n'avez pas l'air de fonctionner correctement. Voici un exemple de ce que je suis en train de réaliser ---> 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 - C'est ici que je suis à présent.

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

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

Toute aide serait grandement appréciée!

source d'informationauteur Chris Pena

  1. 33

    Une façon simple de le faire est d'ajouter une nouvelle méthode à votre portée.

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

    Puis modifiez la syntaxe du filtre sur votre élément.

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

    Ici est un travail plunkr avec l'exemple ci-dessus.

  2. 3

    Filtre dans l'objet 

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

    Maintenant pur javascript lui-même a l' startsWith() méthode sur les cordes. Mais il ne sera pas pris en charge par IE11.

    Voir ici:

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