angularjs服務未捕獲的語法錯誤意外標識符

Question

從Web服務返回我的json數據的Angularjs服務在返回語句中創建錯誤未捕獲的語法錯誤意外標識符。

這是我angularjs服務 -

 app.factory('GetProjectService', function ($http, $q) { 
            return { 
               getProject: function(str) { 
               $http({ 
        method: 'GET', 
        url: 'http://localhost:19342/api/Search/GetAllProjects', 
        headers: { 'Content-Type': 'application/json' } 
        }).then(function(response) { 
                        if (typeof response.data === 'object') { 
                            return response.data; 
                        } else { 
                            return $q.reject(response.data); 
                        } 
                    }, function(response) { 
                        return $q.reject(response.data); 
                    }); 
               } 
        }; 

    }); 

Answer 1

$ Q是不是在你的代碼正確使用。請參考下面的代碼片段 -

app.factory('GetProjectService', function ($http, $q) { 
     return { 
      getProject: function(str) { 
      var deferred = $q.defer(); 

      $http({ 
        method: 'GET', 
        url: 'http://localhost:19342/api/Search/GetAllProjects', 
       headers: { 'Content-Type': 'application/json' } 
        }).then(function(response) { 
         deferred.resolve(response.data); 
        }, function(response) { 
         deferred.reject(response.data); 
        }); 
      return deferred.promise; 
      } 
    }; 

}); 

但當你$ HTTP，也沒有必要使用$ Q $作爲HTTP返回承諾OBJ。下面是在服務使用$ HTTP的另一種方式 -

app.factory('GetProjectService', function ($http, $q) { 
     return { 
      getProject: function(str) { 

      return $http({ 
        method: 'GET', 
        url: 'http://localhost:19342/api/Search/GetAllProjects', 
       headers: { 'Content-Type': 'application/json' } 
        }); 

      } 

    }; 

}); 

Answer 2

的getProject缺少一個return聲明。

app.factory('GetProjectService', function ($http, $q) { 
    return { 
     getProject: function getProject(str) { 
      //RETURN http promise 
      return $http({ 
       method: 'GET', 
       url: 'http://localhost:19342/api/Search/GetAllProjects', 
       headers: { 'Content-Type': 'application/json' } 
      }).then(function onSuccess(response) { 
       if (typeof response.data === 'object') { 
        return response.data; 
       } else { 
        return $q.reject(response.data); 
       } 
      }, function onReject(response) { 
       return $q.reject(response.data); 
      }); 

     } 
    }; 

}); 

在函數層次結構的每個級別都需要有return語句。工廠需要一個return語句，getProject函數需要一個return語句，而onSuccess和onReject函數需要一個return或throw語句。