Работа с REST API в AngularJS

Расширение колбэков функций

| Категории: AngularJS
Анна Аминева

Иллюстрация блокнота

Расширение колбэков http запросов в AngularJS

В этом примере мне хочется показать вам как я реализовываю $rootScope.$apply() для каждого вызова REST api. Это всего лишь пример того, как вы можете расширить колбэки функции если мы предполагаем, что колбэк при обращении к REST api всегда находится в функции на последнем месте.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
/*** this is just example of some javascript api api ***/
this.api = {
    assets: {
        _init: function () {
            //do something here and this will not be patched
        },
        one: function (id, callback) {
            http({ data: {id: id}}).success(callback);
        },
        two: function (id, callback) {
            http({ data: {id: id}}).success(callback);
        }
    }
}
var that = this,
    /**
     * Don't include methods
     * @type {Array}
     */
        excludeMethods = [
        '_init',
        'option'
    ],
    patchObjects = [ 'assets', 'user'];

API patcher расширяет колбэк и помещает $rootScope.$apply() в каждую колбэк функцию.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
/**
 * Api patcher
 * <a href="/param">@param</a> source
 * <a href="/param">@param</a> destionation
 */
function extend(source, destionation) {
    var fn = function (i) {
        return function () {
            var lastIndex = arguments.length - 1,
                args = Array.prototype.slice.call(arguments, 0, lastIndex),
                callback = arguments[lastIndex];
            /**
             * Patch last one
             */
            args.push(function (data, error) {
                if (angular.isFunction(callback)) {
                    callback.call(this, data, error);
                    $rootScope.$apply();
                }
            });
            /**
             * Call the source with new arguments
             */
            source[i].apply(source, args);
        }
    };
    /**
     * Loop over method
     */
    for (var i in source) {
        if (excludeMethods.indexOf(i) === -1) {
            if (angular.isFunction(source[i])) {
                destionation[i] = fn(i);
            }
        }
    }
}
/**
 * Patch objects
 */
patchObjects.forEach(function (value) {
    that[value] = {}; // initialize
    extend(that.api[value], that[value]);
});

У сервиса будет метод схожий с тем, который вы вызываете в контроллере.

1
2
3
4
myApiService.assets.one(id, function (data, error) {
       $scope.list = data;
           // now you don't need to call $rootScope.$apply(); on each request
});

Читайте статьи по теме: Data service для работы с API в AngularJS