Javascript md联系人芯片返回搜索筛选器不工作
我似乎没有过滤查询搜索。我想在任何情况下进行查询搜索,而不是在小写情况下进行查询搜索。这是谷歌原始代码的修改版本Javascript md联系人芯片返回搜索筛选器不工作,javascript,angularjs,angular-material,Javascript,Angularjs,Angular Material,我似乎没有过滤查询搜索。我想在任何情况下进行查询搜索,而不是在小写情况下进行查询搜索。这是谷歌原始代码的修改版本 function querySearch(query) { var results = query ? self.allContacts.filter(createFilterFor(query)) : []; return results; } function createFilterFor(query) {
function querySearch(query) {
var results = query ?
self.allContacts.filter(createFilterFor(query)) : [];
return results;
}
function createFilterFor(query) {
return function filterFn(contact) {
return (contact.indexOf(query) != -1);
};
}
请参阅fiddle了解我的尝试:我以不同的方式创建了它。请查看此
(function() {
'use strict';
angular
.module('MyApp')
.controller('ContactChipDemoCtrl', DemoCtrl);
function DemoCtrl() {
var self = this;
self.querySearch = querySearch;
self.contacts = [];
self.filterSelected = [];
function querySearch(query) {
var results = query ?
createFilterFor(query) : [];
console.log(results)
return results;
}
self.allContacts = [{
id: '1',
name: 'Oddr Sarno'
}, {
id: '2',
name: 'Hidi Barno'
}];
var contact = [];
function createFilterFor(query) {
contact = [];
debugger
for(var i=0; i<=self.allContacts.length -1; i++){
if(self.allContacts[i].name.indexOf(query) != -1){
contact.push(self.allContacts[i]);
}
}
return contact;
}
}
})();
<div ng-controller="ContactChipDemoCtrl as ctrl" layout="column" class="chipsdemoContactChips" ng-app="MyApp">
{{ctrl.allContacts}}
<md-content class="md-padding autocomplete" layout="column">
<p>Contact Chips.</p>
<md-contact-chips
ng-model="ctrl.contacts"
md-contacts="ctrl.querySearch($query)"
md-contact-name="name"
md-contact- md-require-match=""
filter-selected="ctrl.allContacts.id"
placeholder="To">
</md-contact-chips>
</md-content>
</div>
(函数(){
"严格使用",;
有棱角的
.module('MyApp')
.控制器('ContactChipDemoCtrl',DemoCtrl);
函数DemoCtrl(){
var self=这个;
self.querySearch=querySearch;
self.contacts=[];
self.filterSelected=[];
函数querySearch(查询){
var结果=查询?
createFilterFor(查询):[];
console.log(结果)
返回结果;
}
self.allContacts=[{
id:'1',
姓名:“奥德萨诺”
}, {
id:'2',
名字:“Hidi Barno”
}];
var触点=[];
函数createFilterFor(查询){
联系人=[];
调试器
对于(var i=0;i我以不同的方式创建它,请查看
(function() {
'use strict';
angular
.module('MyApp')
.controller('ContactChipDemoCtrl', DemoCtrl);
function DemoCtrl() {
var self = this;
self.querySearch = querySearch;
self.contacts = [];
self.filterSelected = [];
function querySearch(query) {
var results = query ?
createFilterFor(query) : [];
console.log(results)
return results;
}
self.allContacts = [{
id: '1',
name: 'Oddr Sarno'
}, {
id: '2',
name: 'Hidi Barno'
}];
var contact = [];
function createFilterFor(query) {
contact = [];
debugger
for(var i=0; i<=self.allContacts.length -1; i++){
if(self.allContacts[i].name.indexOf(query) != -1){
contact.push(self.allContacts[i]);
}
}
return contact;
}
}
})();
<div ng-controller="ContactChipDemoCtrl as ctrl" layout="column" class="chipsdemoContactChips" ng-app="MyApp">
{{ctrl.allContacts}}
<md-content class="md-padding autocomplete" layout="column">
<p>Contact Chips.</p>
<md-contact-chips
ng-model="ctrl.contacts"
md-contacts="ctrl.querySearch($query)"
md-contact-name="name"
md-contact- md-require-match=""
filter-selected="ctrl.allContacts.id"
placeholder="To">
</md-contact-chips>
</md-content>
</div>
(函数(){
"严格使用",;
有棱角的
.module('MyApp')
.控制器('ContactChipDemoCtrl',DemoCtrl);
函数DemoCtrl(){
var self=这个;
self.querySearch=querySearch;
self.contacts=[];
self.filterSelected=[];
函数querySearch(查询){
var结果=查询?
createFilterFor(查询):[];
console.log(结果)
返回结果;
}
self.allContacts=[{
id:'1',
姓名:“奥德萨诺”
}, {
id:'2',
名字:“Hidi Barno”
}];
var触点=[];
函数createFilterFor(查询){
联系人=[];
调试器
对于(var i=0;i