AngularJS: Как читать данные из json-файла с использованием угловых

Question

Мы используем JQuery ajax для чтения данных и преобразования в объект. json.

JQuery скрипт

$.ajax({ 
     type: "GET", 
     dataType: 'json', 
     url: 'data.json', 
     converters: 
    { 
     "text json": function (data) { 
      return $.parseJSON(data); 
     } 
    }, 
     success: function (data) { 
      self.jsonData = data; 
     } 
    }); 

data.json

[{ 
    "Name" : "Task 1", 
    "ID" : 1, 
    "StartTime" : "2014-02-02T00:00:00Z", 
    "Effort" : "8:00:00", 
    "Description" : "Description of Task 1" 
}, 
{ 
    "Name" : "Task 2", 
    "ID" : 2, 
    "PredecessorIndices" : "1", 
    "StartTime" : "2014-02-03T00:00:00Z", 
    "Effort" : "16:00:00", 
    "Description" : "Description of Task 2" 
    }, 
    { 
    "Name" : "Task 3", 
    "ID" : 3, 
    "StartTime" : "2014-02-02T00:00:00Z", 
    "Effort" : "1.12:30:00", 
    "ProgressPercent" : 90, 
    "Description" : "Description of Task 3"  
}] 

Здесь преобразования строку даты в Jsdate объекта, как это: Json Date Parsing

Как читать данные JSON и разбор даты JSon string в объект Jsdate с помощью angularjs?

Answer 1

Прежде всего, попробуйте not to mix JQuery with AngularJS.

Если вы хотите, чтобы получить файл в формате JSON, вместо JQuery-Ajax AngularJS использования $http службы, как, как показано ниже, и для преобразования в даты объекта вы можете использовать Date.parse

$scope.self = {}; 
    $http.get('data.json').success(function(data) { 
    $scope.self.jsonData = data; 
    $scope.self.jsonData.forEach(function(value, key) { 
     value.StartTime = Date.parse(value.StartTime); // converting into date 
    }); 
    }); 

В Html

<tr ng-repeat="arr in self.jsonData"> 
    <td> 
     {{arr.StartTime |date: 'yyyy-MM-dd'}} 
    </td> 
</tr> 

Working Demo