大家好，我的搜索过滤器由于某种原因无法正常工作。您可以查看this网站!就像我不明白为什么它是错的。我完全按照this中的教程进行操作地点。请帮忙!
这是我的代码:
index.html:
<!DOCTYPE html>
<html lang= "en">
<head>
<meta charset="UTF-8" />
<title>Basic Login Form</title>
<script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.8/angular.js" data-semver="1.4.8"></script>
<script src = "https://rawgit.com/nirus/Angular-Route-Injector/master/dist/routeInjector.js"></script>
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-route.js"></script>
<script type="text/javascript" src="main.js"></script>
</head>
<body ng-app = "app">
<div ng-controller = "people">
<ul>
<h2>Names And Ages of Programmers:</h2>
<li ng-repeat = "person in persons | filter: searchBox">
Name: {{person.Name}}<br>
Age: {{person.Age}}<br>
Favorite-Color : {{person.Fav_Color}}
</li>
</ul>
</div>
<div id = "searchBoxes">
Global Search Filter : " <input type="text" ng-model="globalSearch.$"><br>
Name Search Filter: <input type="text" ng-model = "globalSearch.Name"><br>
Age Search Filter: <input type="text" ng-model = "globalSearch.Age"><br>
Favorite Color Search Filter: <input type="text" ng-model = "globalSearch.Fav_Color"><br>
</div>
</div>
</body>
</html>
main.js:
var filex = {
"records" : [
{
"Name":"Something",
"Age":"18",
"Fav_Color" : "Orange"
},
{
"Name": "Anonymus",
"Age" : "???",
"Fav_Color" : "Blue"
}
]
}
var app = angular.module('app',[])
app.controller('people', function($scope){
$scope.persons = filex.records
})
最佳答案
您错过了过滤器绑定(bind)的输入:
<input type="text" ng-model="searchBox">
添加此内容至关重要，因为 ng-model="searchBox"这里绑定(bind)到您的搜索结果:<li ng-repeat = "person in persons | filter: searchBox">在这里。
您的搜索结果是根据型号 searchBox 进行过滤的。
关于javascript - 搜索过滤器不起作用。 Angular Js，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34531508/