试图解决一个看起来很简单但很难理解的问题:-)
我有一个Json文件，我试图使用AngularJS获取数据，根据用户输入（名称），浏览器只显示那些结果，而不是旧的。
名字.json
{"name": {
"Alan": [{ "Class":"1", "Books":"20"}],
"Sam": [{ "Class":"2", "Books":"204"}],
"John": [{ "Class":"4", "Books":"240"}],
}
}
例：输入。艾伦
产量： 姓名： 艾伦，类。1, Books: 20.
我已经设法用下面的代码打印出预期的结果。
names.js文件。
var NamesApp = angular.module('NamesApp', [])
NamesApp.controller('NameCtrl', function($scope, $http){
$http.get('names.json').success(function(data) {
$scope.getit = data;
});
$scope.results = [];
$scope.findValue = function(userInput) {
angular.forEach($scope.getit.name, function(value, key) {
if (key === userInput) {
$scope.results.push({n: key, c: value[0].Class, b: value[0].Books});
}
});
};
});
而我的HTML文件是这样的
<body ng-controller="NameCtrl">
<input type="text" ng-model="userInput">
<button type="submit" ng-Click="findValue(userInput)">Find</button>
<h3>Results</h3>
<span ng-repeat="result in results">Name: {{result.n}} , Class: {{result.c}} , Books: {{result.b}}</span>
</body>
问题:当你第一次搜索或者刷新页面后，你会得到干净的结果。
我应该如何清理搜索结果，再搜索其他名字？
我的结果部分应该永远只有查询的结果，而不是旧的结果。
重置你的 $scope.results 每次搜索前。
$scope.findValue = function(userInput) {
$scope.results = [];
angular.forEach($scope.getit.name, function(value, key) {
if (key === userInput) {
$scope.results.push({n: key, c: value[0].Class, b: value[0].Books});
}
});
}