极客观点
项目管理
HarmonyOS
使用 angularJS 来进行测试，ng-reapt="pro in products | filter:search" 一个特别大的疑问
如下的这个测试，为什么 search 输入框中，输入 a也会有结果
测试代码：
<!DOCTYPE html>
<html>
<head>
<script data-require="angularjs@1.5.5" data-semver="1.5.5" src="https://code.angularjs.org/1.5.5/angular.js"></script>
<link href="style.css" rel="stylesheet" />
<script src="script.js"></script>
</head>
<body>
<script>
var data = {
"products": [{
"key": "KEY1",
"name": "iPhone6S",
"is_in_presale": false
}, {
"key": "KEY2",
"name": "iPhone7",
"is_in_presale": true
}],
"activities": []
};
var cartApp = angular.module('cartApp', []);
cartApp.controller('ProductListCtrl', function($scope, $http) {
$scope.dump = function(input) {
console.log(input);
}
$scope.products = data.products;
// $scope.change();
});
</script>
<div ng-app="cartApp" ng-controller="ProductListCtrl">
<input type="text" ng-model="search">
<div style="clear: both"></div>
<div class="" style="float: left;width: 20%">
<h1>repeat</h1>
<ol>
<li ng-repeat="pro in products"> {{pro.name}} - {{pro.key}}</li>
</ol>
</div>
<div class="" style="float: left;">
<h1>normalProduct</h1>
<ol>
<li ng-repeat="pro in products | filter:search as result">{{pro.name}} - {{pro.key}}</li>
</ol>
</div>
{{dump(result)}}
</div>
</body>
</html>
你这种没有指定过滤哪个字段的情况下，默认filter会匹配所有字段的值。当你输入a的时候，angular应该是默认把false转成了字符串，a匹配到了false。如果你把过滤条件改成这样
打a就不会有结果了，句话的意思是只过滤name字段的值。