AngularJs搜索仍然会读取不存在的数据

时间:2015-02-26 16:10:49

标签: javascript json angularjs

我遇到过如此奇怪的事情。我将下面的内容设置为从data.json文件中读取。它应该显示一个人的列表。相反,它忽略了json文件并且正在读出不存在的单词!我只是想从data.json中读取它。即使我删除“data.json”,搜索功能仍会打印出这些不存在的单词。

enter image description here

从照片中可以看出,它显示的是我在代码或服务器上的任何地方都没有存储过的单词列表。令我困惑的是。

<body ng-app="personApp">
    <div class="container">
        <header></header>
        <div ng-controller="PersonListCtrl">
            <div class="bar">Search:
                <input ng-model="query">
            </div>
            <ul class="">
                <li ng-repeat="person in persons | filter:query">{{person.name}}</li>

var personApp = angular.module('personApp', []);

personApp.controller('PersonListCtrl', function ($scope, $http) {
    $http.get('js/data.json').success(function (data) {
        $scope.persons = data;
    })

});

data.json

  [{
            "name": "Mike Doe"
        }, {
            "name": "Jhon Doe"
        }, {
            "name": "Sam Doe"
        }, {
            "name": "Sam Doe"
        }, ];

1 个答案:

答案 0 :(得分:0)

转到浏览器控制台 - &gt;网络。 很可能您会看到304请求的状态,这意味着浏览器会缓存ajax请求。清理缓存,添加查询字符串以请求等。