Question

我是Angular的新手，我不知道如何获得＆amp;使用JSON更新值。我仍然试图从JSON获取数据。

但这里的代码不行。

        {    
        $http.get('json/data.json').success (function(data){
         $scope.myData = data;
        });
    }

这是小提琴Link

此致马哈德

Answer 1

我建议您阅读此link

中的Angularjs资源

然后创建一个服务工厂，这是确保代码重用性的最佳方法：将网址更改为您的网址，Id是传递参数的示例。

var app = angular.module('plunker', ['ngResource']);

app.factory('resourceBase', function($resource) {

  return {

    getData: function() {

      return $resource('http://dsd:8080/getdata(:Id)', {
        Id: '@id'
      });
    },
    postData: function() {

      return $resource('http://dsd:8080/postdata');

    },
    updataData: function() {
      return $resource('http://dsd:8080/postdata(:Id)', {
        Id: '@id'
      }, {
        "update": {
          method: "PUT"
        }
      });


    }

  }

});

请注意，我包含了“ngResource”＆＃39;在angular.module中然后在控制器中，您只需使用这些服务

app.controller("MainCtrl", ['$scope', 'resourceBase',
  function($scope, resourceBase) {
    $scope.name = 'World';
    $scope.Id = 1;

    $scope.GetData = function() {


      resourceBase.getData().get({
        Id: $scope.Id
      })
        .$promise.then(
          function(response) {

            alert(response);

          },
          function(error) {
            console.log("It was broken !");
            alert("Change Get URL to your one");

          });


    }
    $scope.PostData = function() {

      resourceBase.postData().save($scope.Id)
        .$promise.then(
          function(response) {
            console.log("Posted");


          },
          function(error) {
            console.log(" Not Posted");
            alert("Change Get URL to your one");

          });

    }
    $scope.UpdateData = function() {

      resourceBase.updataData().update({
        Id: $scope.Id
      }, $scope.Id)
        .$promise.then(
          function(response) {
            console.log("Uddated");


          },
          function(error) {
            console.log(" Not Uddated");
            alert("Change Get URL to your one");

          });

    }

  }
]);

这是Plunker Link

如何阅读＆amp;使用AngularJs更新JSON中的数据

1 个答案: