angularjs - AngularJS，用 $http.get 替换硬编码的 json 并渲染结果

Question

如果我使用普通 $http从以下 jsfiddle http://jsfiddle.net/rubyoma/bFJZK/中的硬编码项目列表切换

$http.get('/mypath.json').then (response) =>
  response.data)

数据是异步的，并在表格呈现后返回。我不需要监听更改，只需要 json 和搜索/排序客户端（因为它现在可以工作）。您将如何使用 http get 进行这项工作？

接受后编辑：对于表格，我也会查看http://lorenzofox3.github.io/smart-table-website

Answer 1

据我了解，您想用获取值$scope.items的$http请求替换现有值。

首先 - 将硬编码条目移动到 JSON 文件中。
第二 - 删除控制器中的硬编码项目条目。
第三 - 进行以下 http 调用：

$http.get('/path/to/your/json/file')
    .success(function (result) {
        $scope.items = result;
        //We now have the data with us. Prepare for display
        $scope.search();
    });

第四 - 删除第$scope.search()100 行 - 您可以看到它现在在获取项目后被调用。

而已。您无需更改任何其他内容 - 不需要侦听器。当异步调用与项目一起返回时，您的代码将准备项目并显示。

演示代码的Plunkr。