Question

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

$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();
    });

第四 - 删除第100行的$scope.search() - 您可以看到在提取项目之后它现在被称为。

就是这样。您不必更改任何其他内容 - 不需要监听器。当异步调用与项目一起返回时，您的代码将准备项目并显示。

Plunkr演示代码。

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

1 个答案: