無法分配，同時對陣列增加新的項目裏面transformResponse

Question

JSON以只讀屬性：

[{"name":"John"},{"name":"Jim"}] 

錯誤：

Cannot assign to read only property 'age' of [ at transformResponse (angular.js?compile=false:9224) at processQueue (angular.js?compile=false:12914) 

的Javascript：

angular.module('myservice', []) 
    .factory("demoService", function ($http,rootUrl) { 
      return { 
       getDashboardData: function() { 
        return $http({ 
         url: rootUrl + '/api/mainpage', 
         method: 'GET', 
         transformResponse: function (data) { 
          var currentDate = new Date(); 

          for (var i = 0; i < data.length; i++) { 
           var row = data[i]; 
           row["age"] = 35; 
          } 
          return data; 
         } 
       }); 
      } 
     } 
}); 

Answer 1

的數據需要被反序列化然後才能操縱它。當你指定一個額外的transformResponse時，傳遞給它的數據對象還沒有通過Angular的默認transformResponse，所以它尚未被解析爲JSON。我通常將JSON解析爲transformResponse中的第一步，如下所示：data = JSON.parse（data）;

angular.module('myservice', []) 
.factory("demoService", function ($http,rootUrl) { 
     return { 
      getDashboardData: function() { 
       return $http({ 
        url: rootUrl + '/api/mainpage', 
        method: 'GET', 
        transformResponse: function (data) { 
         // parse data as JSON first 
         data = JSON.parse(data); 
         var currentDate = new Date(); 

         for (var i = 0; i < data.length; i++) { 
          var row = data[i]; 
          row["age"] = 35; 
         } 
         return data; 
        } 
      }); 
     } 
    } 

}）;