Блог

Я пытаюсь несколькими способами получить доступ к своим пользователям в локальном файле json, чтобы позже сравнить их с вводом пользователей. и если есть совпадение, доступ разрешен, но моя главная проблема сейчас — просто добраться до этих пользователей. Мой код до сих пор:

весь код

файл json

Что я делаю не так? я такой новичок в программировании. Я пробовал разные вещи, и ничего не работает. Большое спасибо за помощь

Можете ли вы получить доступ к файлу через браузер (через ваш url localhost:8080/resources/data/users.json)?

Если вы не сможете, вы не сможете получить доступ через $resource или $ http.

Если вы можете, любой метод должен работать:

1) Через $resource

 $scope.users = [];

var UsersResource = $resource('/resources/data/users.json');
  

где мы можем получить ответ с помощью обратного вызова

 UsersResource.get({}, function(response) {
    $scope.users = response;
});
  

или с помощью $promise

 UsersResource.get().$promise.then(function(response) {
    $scope.users = response;
});
  

2) Через $http.get

 $scope.users = [];

$http.get('/resources/data/users.json').then(function(response) {
    $scope.users = response;
});
  

В вашем примере вы пытаетесь получить массив пользователей, возвращая $resource, но $resource возвращает объект с методами. Каждый метод имеет обратные вызовы (успех, ошибка) или возвращает объект $promise .

Нет необходимости использовать $resource , если вы просто собираетесь получить файл json. Используйте $http вместо:

 this.getUsers = function(){
  return $http.get('path/to/file.json');
};
  

И использование:

 dataService.getUsers().then(function(resp){
    //Do something with the data
    $scope.users = resp;
})
  

$resource предназначен для использования при взаимодействии с RESTful API. То, что вы getUsers() делаете, на самом деле возвращает объект-ресурс, который вы затем можете вызвать get() . Но я рекомендую использовать $http в этом случае.

Если вы хотите использовать $resouce, вам нужно создать две функции в вашем контроллере / фабрике, где «templatesSuccess» возвращает данные запроса.

         getAllTemplates: function(query) {
            return $resource(CONST.CONFIG.BASE_URL   'receiver/get-templates').get(query, obj.templatesSuccess).$promise;
        },


        templatesSuccess: function(response) {
            obj.allTemplates = response;
        },