Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angular JS,输入时按多个字段搜索/过滤_Javascript_Jquery_Angularjs - Fatal编程技术网

Javascript Angular JS,输入时按多个字段搜索/过滤

Javascript Angular JS,输入时按多个字段搜索/过滤,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我正在尝试实现我在应用程序中发现的以下代码: 没有成功。该演示实际上在我的网站上运行,但如果我将其放大以适合我的应用程序,则在搜索“angular.lowercase(…).indexOf不是函数”时会出现错误 请参见下面的示例代码: html: 有人能帮忙吗。该示例似乎只是以任意顺序搜索随机输入并生成结果。我甚至要在html中添加一个src来满足这个新功能吗?嘿,我对这个很陌生,我相信你很清楚,但我该怎么做?你在$scope.Customer中有一个大写c。变量区分大小写。本质上,无论$sco

我正在尝试实现我在应用程序中发现的以下代码:

没有成功。该演示实际上在我的网站上运行,但如果我将其放大以适合我的应用程序,则在搜索“angular.lowercase(…).indexOf不是函数”时会出现错误

请参见下面的示例代码:

html:


有人能帮忙吗。该示例似乎只是以任意顺序搜索随机输入并生成结果。我甚至要在html中添加一个src来满足这个新功能吗?

嘿,我对这个很陌生,我相信你很清楚,但我该怎么做?你在
$scope.Customer中有一个大写c。变量区分大小写。本质上,无论
$scope.VariableName
是什么,变量名称都应该与HTML页面中的相同。控制器代码也没有数据添加到
$scope.Customers
。如何向该变量添加数据?你在调用那个函数吗?嘿,它是一个函数,它调用一个服务并返回数据。这是服务中的代码。var customer=function(){if(cachedCustomer)返回$q.when(cachedCustomer);返回$http.get(“localhost:8080/api/customer”)。然后(function(serviceResp){cachedCustomer=serviceResp.data;返回serviceResp.data;});};
<p><label>filter</label><input data-ng-model="phoneFilter.$" type="text">  </p>
<ul>
    <li data-ng-repeat="customer in customers | filter:phoneFilter:multipleChoicesComparator">
        {{customer.name }} {{customer.lastname}}
    </li>
</ul>
                    </p>
var CustomerController = function ($scope, customerService, $log, $routeParams, $location, $sce) {
    var customer = function (data) {
        $scope.Customer = data;
        $log.info(data);

    };

 $scope.multipleChoicesComparator = function (expected, actualInCompactForm)
    {
    var listActual = actualInCompactForm.split(' ');
    var mustBeIncluded = false;

    angular.forEach(listActual, function (actual)
    {
       if (angular.lowercase(expected).indexOf(angular.lowercase(actual)) !== -1)
        {
            mustBeIncluded = true;
        }
    });

    return mustBeIncluded;

    };