Angular 添加模拟 JSON 数据

Question

我是角度的新手，并构建了一个从API读取数据并将其呈现在HTML表中的应用程序。目前，我正在尝试了解如何操作表数据，从而更改模型（JSON）。我知道这需要 API 支持才能进行这些更改，但目前我想尝试使用 Javascript 中的模拟数据进行此操作。

你能看看这个小提琴代码并告诉我我该怎么做吗？

    (function() {
      var app = angular.module('myApp', []);
      app.controller('PeopleController', function($scope, $http) {
        $http({
          url: "https://api.myjson.com/bins/584d5",
          method: "GET"
        }).success(function(data,status) {
          $scope.people = data.people;
        });
      });
    })();

谢谢

代码笔链接

Answer 1

所以你想改变 JSON 吗？ 你可以试试看。

这是修改的代码笔：http://codepen.io/anon/pen/qZRYxZ?editors=1010

$scope.myData = {"people":[{"personName":"Scott Walker","personAge":"43","dateOfBirth":"09-12-1972","location":"Leeds","gender":"male"},{"personName":"Paula Lamb","personAge":"38","dateOfBirth":"02-01-1978","location":"Alberta","gender":"female"},{"personName":"Jonathan Joestar","personAge":"22","dateOfBirth":"02-28-1850","location":"UK","gender":"male"}]};
$http.put('https://api.myjson.com/bins/584d5', $scope.myData)
    .success(function (data) {
    // alert("success!");
});

Answer 2

为你创建了一个 plunker。基本上你可以调用 http 请求到 json 文件所在的位置。所以在这种情况下，它只是根，但如果它在地图中，只需遵循索引中的相对路径。

$http({
  url: "example.json",
  method: "GET"
}).success(function(data, status) {
  console.log($scope.people);
  $scope.people = data.people;
});

https://plnkr.co/edit/LmoRco8FN4Ck8xZ7bM2x