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