Angular 添加模擬 JSON 數據

Question

我是 angular 和 buildig 的新手，該應用程序從 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？ 你可以試試PUT。

這是您修改的代碼筆： 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