Как включить локальное кэширование в angularjs

Question

Я должен вызывать webapi из angularjs на основе значения кэша.В первый раз мне нужно вызвать API и сохранить входные параметры в кеше.В следующий раз, если поступят те же входные параметры, я должен прекратить вызов API со стороны клиента.Я пытался с cachefactory, но значение не сохраняется после загрузки страницы.Любое предложение по реализации этой функциональности на стороне клиента.

Answer 1

Вы можете сохранить значение в $ rootScope, но оно не сохранится, если вы перезагрузите страницу.Чтобы сохранить значения после перезагрузки, вы можете также сохранить это значение в файле cookie или в localStorage.Доступ к файлам cookie и localStorage очень прост из кода Angular.

Answer 2

Вы можете использовать $ cacheFactory для управления кешем самостоятельно, а сервис $ http позволяет автоматически кешировать вызовы:

$http.get('api/path', {cache: true} ...

Здесь api/path будет вашим ключом кеша.

Answer 3

Вы можете записать кэшированные данные в localStorage , чтобы сделать их постоянными при перезагрузках страниц.

Если вы предпочитаете интерфейс более высокого уровня - взгляните на angular-cache модуль, он поддерживает режим локального хранилища .