ฉันกำลังพยายามค้นหาข้อความบนโต๊ะโดยใช้เชิงมุม .. ฉันสามารถค้นหาข้อความในตารางได้ แต่การค้นหาของฉันใช้ได้เมื่อฉันกด Enter หรือ "ปุ่มค้นหา" ตัวอย่างเมื่อฉันเขียน "ใช้งานอยู่" มันจะไม่แสดงผลลัพธ์ แต่เมื่อฉัน กด Enter หรือกดปุ่มค้นหาเพื่อแสดงผลลัพธ์ เราสามารถทำการค้นหาแบบเติมข้อความอัตโนมัติได้หรือไม่ ตัวอย่างเมื่อฉันกด "a" มันแสดงรายการทั้งหมดที่เริ่มจาก "a" จากนั้นถ้าผู้ใช้เขียน "ac" แล้วแสดง "ac" ค่า ..เช่นเดียวกัน เมื่อผู้ใช้เขียน “active” มันจะแสดงแถวที่มี “active” โดยไม่ต้องใช้ปุ่มค้นหาหรือป้อน เราจะเพิ่มตัวกรองเพื่อให้ทำงานได้อย่างถูกต้องได้หรือไม่ ?
นี่คือรหัสของฉัน
$scope.searchInvoices = function(evt, queryval) {
$scope.haveNorecordFound = true;
if (typeof queryval != "undefined" && queryval.length === 0 || evt.keyCode === 13 || evt.type === 'click') {
if (typeof queryval == "undefined" || queryval.length === 0) {
console.log("if===")
isfilterOccured = false;
$scope.tasklist_records = $scope.total_tasklist_records;
$scope.totalNumberOfrecord = $scope.tasklist_records.length + " records found."
} else {
console.log("esle===")
var recordset = $scope.serachObject;
results = [];
var recordsetLength = recordset.length;
var searchVal = queryval.toLowerCase();
var i, j;
for (i = 0; i < recordsetLength; i++) {
var record = recordset[i].columns;
for (j = 0; j < record.length; j++) {
if (record[j].value != null) {
var invoice = record[j].value.toLowerCase();
if (invoice.indexOf(searchVal) >= 0) {
results.push(recordset[i]);
}
}
}
}
var nameOrPathValues = results.map(function(o) {
var result = {};
o.columns.forEach(function(c) {
result[c.fieldNameOrPath] = c.value;
});
return result;
});
console.log("serach");
console.log(nameOrPathValues);
var objectarray = nameOrPathValues.map(function(o) {
var result = {};
collectNameOrPath.forEach(function(name) {
result[name] = o[name];
});
return result;
});
isfilterOccured = true;
$scope.tasklist_records = objectarray;
if ($scope.tasklist_records.length == 0) {
$scope.haveNorecordFound = false;
} else {
$scope.totalNumberOfrecord = $scope.tasklist_records.length + " records found."
}
}
}
};
data-ng-keyup
แทนng-keyup
- person Vineet   schedule 03.07.2015