AngularJs搜索并忽略变音符号

zmogusnamas 发表于 Dev

男人的房子

我的想法是要列出一个包含许多变音符号或重音的单词列表。例如，我不想写Róse来拥有Róse，而是想写Rose并让Róse进入结果。首先，我用谷歌搜索它，在StackOverflow中，问题已部分解决。

但是如果我有这样的数组，请检查jsFiddle：

     $scope.names = [{name: 'Jamón', surname: 'Géroux'},
    {name: 'Andrés', surname: 'Guérin'},
    {name: 'Cristián', surname: 'Róse'},
    {name: 'Fernán', surname:'Raúlien'}];
    };

然后该解决方案不起作用：jsFiddle。还有，例如，如果我有针对高光的自定义过滤器：

     <td ng-bind-html="name.name | highlight:search.$"></td>

我发现，https： //builtwith.angularjs.org上的所有示例在变音符号/重音符号方面都存在相同的问题。那里只有一个网站http://illicoweb.videotron.com使用具有JavaScript功能和str.replace的“简单技术”。

关于真正简单快速的解决方案有什么想法吗？没有存储带有变音符号/口音的两个表，也没有存储两个表。

提前致谢！

约翰·斯塔福德

我已经使用对过滤器的修改更新了此JSFiddle。我只是修改了过滤器以搜索全名，而不是演示的名字：

$scope.ignoreAccents = function(item) {               
    if (!$scope.search)
        return true;

    var fullName = item.name + ' ' + item.surname;
    var text = removeAccents(fullName.toLowerCase());
    var search = removeAccents($scope.search.toLowerCase());
    return text.indexOf(search) > -1;
};

希望该方法可以消除对两个单独表的任何需要。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。