我遇到的问题是搜索过滤器不会过滤表格。对问题的任何建议或帮助?我正在制作的应用程序很简单,用户应输入两个文本字符串并保存,以便将数据存储在firebase数据库中。然后通过搜索过滤能量。但是,搜索不起作用。
Index.html
<table class="table table-bordered">
<thead>
<th>Plate Number</th>
<th>Car Brand</th>
</thead>
<tbody>
<tr ng-repeat="customer in customers | filter:search">
<td>{{customer.CustomerPlateNumber}}</td>
<td>{{customer.CustomerCarBrand}}</td>
</tr>
</tbody>
</table>
script.js(使用firebase)
angular.module('myApp', []);
angular.module('myApp').controller('customerCtrl', function($scope) {
$scope.CustomerPlateNumber = "";
$scope.CustomerCarBrand = "";
$scope.customers = {};
$scope.myData = new Firebase("https://sizzling-torch-2102.firebaseio.com/CustomerInformation");
// PS, husk at CustomerPlatenumber: må være lik navnet på ng-model.
$scope.saveCustomerData = function() {
$scope.myData.push({CustomerPlateNumber: $scope.CustomerPlateNumber, CustomerCarBrand: $scope.CustomerCarBrand});
// Empty input after storing data
$scope.CustomerPlateNumber = "";
$scope.CustomerCarBrand = "";
};
// Two parameters, needs to know what its going to be fired upon, and a function that tells what to do when it is fired.
$scope.myData.on('value', function(snapshot) {
$scope.customers = snapshot.val();
//not recommended, look at "refresh bindings angular"
$scope.$apply();
});
});
答案 0 :(得分:1)
问题是$ scope.customers不是数组[],而是复杂的JavaScript对象{}。
如果您将其更改为:
$scope.customers=[];
并且将Firebase返回的复杂哈希表转换为数组,它可以工作(为了便于解释,我首先检查Firebase是否有返回数组的方法而不是使用这个特定的解释代码):
$scope.myData.on('value', function(snapshot) {
var values = snapshot.val();
for(var myVal in values)
{
var item = values[myVal];
$scope.customers.push(item);
}
});