Вызовите модуль Angularjs один раз

Question

Вызовите модуль Angularjs один раз

0

Я новичок в AngularJS и, похоже, простая задача. Я хочу повторно использовать AnglarJS LocalStorageModule на пустой странице (без интерфейса, выполнить один раз и перенаправить).

Вот как выглядит моя попытка:

<html>
<head>
<script src="../bower_components/angular/angular.js"></script>
<script src="../bower_components/angular-local-storage/dist/angular-local-storage.js"></script>
<script>
	var myApp = angular.module('myApp', [ 'LocalStorageModule' ])
	.factory(
			function(localStorageService) {
				
				localStorageService.set('username', 'some-user');
				localStorageService.set('token', 'somevalue'));
				window.location = location.protocol + '//' + location.hostname
						+ (location.port ? ':' + location.port : '');
			});
</script>
</head>
<body ng-app="myApp">You are being redirected
</body>
</html>

К сожалению, фабричная функция не вызывается. Если я заменил фабрику на конфигурацию, функция вызывает вызов, но localStorageServiceProvider не предоставляет метод set(), который мне нужен.

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

Sergey Shcherbakov 10 июнь 2016, в 01:53

Источник

0

Я не могу сказать, что правильно понимаю ваш вопрос, но если я вам, то вам сначала нужен нормальный .config() чтобы модуль инжектора мог внедрить LocalStorageModule . После этого вы можете использовать .run() для запуска кода, который вам нужно запустить один раз. Также используйте $location для перенаправления и тому подобное. Не забудьте LocalStorageFactory $location и LocalStorageFactory в .run() функции .run() . Функция .factory() используется для создания ваших собственных фабрик, а не для повторного использования существующих модулей / фабрик.
Aleksandar Bencun 09 июнь 2016, в 23:19
0

@AleksandarBencun Я не получаю localStorageModule, вставленный в .config (). Вместо этого я получаю localStorageModuleProvider. Это разные вещи, я думаю. Почему $ location предпочтительнее моего подхода? Это не настоящее приложение AngularJS, если вы заметили, я просто пытаюсь повторно использовать модуль AngularJS. Спасибо за подсказку с .run (), посмотрю.
Sergey Shcherbakov 09 июнь 2016, в 23:24
0

Что ж, в документации четко указано, что вам нужно использовать var myApp = angular.module('myApp', ['LocalStorageModule']); для первоначального введения модуля. После этого вам нужно использовать localStorageServiceProvider при внедрении модуля внутри функций, например .run(function(localStorageServiceProvider){/*code*/});
Aleksandar Bencun 09 июнь 2016, в 23:27
0

Хорошо, но localStorageServiceProvider не позволяет хранить значения, то есть он не предоставляет метод set (). Подход .run () тогда не имеет значения?
Sergey Shcherbakov 09 июнь 2016, в 23:29
0

Если это не разоблачает, тогда да, это не имеет значения. Вы можете попробовать создать JSFiddle, чтобы мы могли лучше рассмотреть вашу проблему.
Aleksandar Bencun 09 июнь 2016, в 23:33
0

Привет, @AleksandarBencun! Похоже, ты прав! Я могу добавить localStorageService в run (), и он вызывается так, как вы указали в удаленном сообщении. Принеси его обратно, чтобы я смог его отозвать :)
Sergey Shcherbakov 09 июнь 2016, в 23:37
0

Я вернул ответ с некоторыми более подробными сведениями о настройке префикса, чтобы приложение, на которое вы перенаправляете, могло считывать данные. Рад помочь! Я хотел бы добавить, что я допустил ошибку, localStorageServiceProvider используется для конфигурации, а localStorageService используется для фактической работы с этим модулем.
Aleksandar Bencun 09 июнь 2016, в 23:38

Показать ещё 5 комментариев

Теги:

javascript

angularjs

2 ответа

0

То, что вы хотели бы сделать, это использовать модуль ngStorage и его фабрики $ localStorage и $ sessionStorage для сохранения данных локально в браузере.

Затем перед перенаправлением сохранить значение:

$sessionStorage.someVal ="blah"

и после перенаправления прочитайте его:

$scope.val = $sessionStorage.someVal

Don 09 июнь 2016, в 21:49

0

Мое основное приложение использует LocalStorageModule. Вот почему я пытаюсь использовать это, чтобы обеспечить максимальное соответствие. Вы говорите, что модуль ngStorage на 100% совместим с LocalStorageModule? (Я не могу коснуться основного приложения)
Sergey Shcherbakov 09 июнь 2016, в 23:19
0

согласно документам «Если localStorage не поддерживается, библиотека по умолчанию будет использовать файлы cookie. Это поведение можно отключить». Вы проверили, установлены ли какие-либо куки с именами?
Don 09 июнь 2016, в 23:24
0

Я не думаю, что он использует ngStorage. Это другая библиотека, связанная в ОП.
Aleksandar Bencun 09 июнь 2016, в 23:25
0

Точно, я хочу хранить значения в той же библиотеке / модуле, который будет читать их через миллисекунду после перенаправления.
Sergey Shcherbakov 09 июнь 2016, в 23:27
0

Еще одна надежная альтернатива - это использование $ cookies, предоставляемых angular
Don 09 июнь 2016, в 23:29
0

Как я понимаю, основная цель LocalStorageModule - обеспечить автоматический возврат к файлам cookie по сравнению с локальным хранилищем. Я не хочу играть с этой логикой и переопределять ее, просто повторно использовать существующую библиотеку.
Sergey Shcherbakov 09 июнь 2016, в 23:31
0

Ну, в своем последнем редактировании поста вы используете sessionStorage, который, как я слышал, отличается от локального хранилища.
Sergey Shcherbakov 09 июнь 2016, в 23:34
0

к сожалению, у localstorage нет широкой поддержки браузеров, поэтому сама библиотека использует куки-файлы. Поэтому после того, как произойдет перенаправление, проверьте, установлены ли какие-либо файлы cookie с тем же именем, используя $ cookies вашего angular или инструменты разработчика.
Don 09 июнь 2016, в 23:37

Показать ещё 6 комментариев

Ещё вопросы

Я не могу сказать, что правильно понимаю ваш вопрос, но если я вам, то вам сначала нужен нормальный .config() чтобы модуль инжектора мог внедрить LocalStorageModule . После этого вы можете использовать .run() для запуска кода, который вам нужно запустить один раз. Также используйте $location для перенаправления и тому подобное. Не забудьте LocalStorageFactory $location и LocalStorageFactory в .run() функции .run() . Функция .factory() используется для создания ваших собственных фабрик, а не для повторного использования существующих модулей / фабрик.
@AleksandarBencun Я не получаю localStorageModule, вставленный в .config (). Вместо этого я получаю localStorageModuleProvider. Это разные вещи, я думаю. Почему $ location предпочтительнее моего подхода? Это не настоящее приложение AngularJS, если вы заметили, я просто пытаюсь повторно использовать модуль AngularJS. Спасибо за подсказку с .run (), посмотрю.
Что ж, в документации четко указано, что вам нужно использовать var myApp = angular.module('myApp', ['LocalStorageModule']); для первоначального введения модуля. После этого вам нужно использовать localStorageServiceProvider при внедрении модуля внутри функций, например .run(function(localStorageServiceProvider){/*code*/});
Хорошо, но localStorageServiceProvider не позволяет хранить значения, то есть он не предоставляет метод set (). Подход .run () тогда не имеет значения?
Если это не разоблачает, тогда да, это не имеет значения. Вы можете попробовать создать JSFiddle, чтобы мы могли лучше рассмотреть вашу проблему.
Привет, @AleksandarBencun! Похоже, ты прав! Я могу добавить localStorageService в run (), и он вызывается так, как вы указали в удаленном сообщении. Принеси его обратно, чтобы я смог его отозвать :)
Я вернул ответ с некоторыми более подробными сведениями о настройке префикса, чтобы приложение, на которое вы перенаправляете, могло считывать данные. Рад помочь! Я хотел бы добавить, что я допустил ошибку, localStorageServiceProvider используется для конфигурации, а localStorageService используется для фактической работы с этим модулем.
Мое основное приложение использует LocalStorageModule. Вот почему я пытаюсь использовать это, чтобы обеспечить максимальное соответствие. Вы говорите, что модуль ngStorage на 100% совместим с LocalStorageModule? (Я не могу коснуться основного приложения)
согласно документам «Если localStorage не поддерживается, библиотека по умолчанию будет использовать файлы cookie. Это поведение можно отключить». Вы проверили, установлены ли какие-либо куки с именами?
Я не думаю, что он использует ngStorage. Это другая библиотека, связанная в ОП.
Точно, я хочу хранить значения в той же библиотеке / модуле, который будет читать их через миллисекунду после перенаправления.
Еще одна надежная альтернатива - это использование $ cookies, предоставляемых angular
Как я понимаю, основная цель LocalStorageModule - обеспечить автоматический возврат к файлам cookie по сравнению с локальным хранилищем. Я не хочу играть с этой логикой и переопределять ее, просто повторно использовать существующую библиотеку.
Ну, в своем последнем редактировании поста вы используете sessionStorage, который, как я слышал, отличается от локального хранилища.
к сожалению, у localstorage нет широкой поддержки браузеров, поэтому сама библиотека использует куки-файлы. Поэтому после того, как произойдет перенаправление, проверьте, установлены ли какие-либо файлы cookie с тем же именем, используя $ cookies вашего angular или инструменты разработчика.

Aleksandar Bencun · Accepted Answer · 2016-06-09T21-49-00.000Z

Вам необходимо ввести модуль, настроить его и использовать его впоследствии.

//load and config the modules
var myApp = angular.module('myApp', [ 'LocalStorageModule' ]);
myApp.config(function (localStorageServiceProvider) {
  localStorageServiceProvider
    .setPrefix('samePrefixAsTheTargetApp');
});
//this function is called only once
myApp.run(function(localStorageService){
  localStorageService.set('username', 'some-user');
  localStorageService.set('token', 'somevalue'));
  window.location = location.protocol + '//' + location.hostname
                    + (location.port ? ':' + location.port : '');
})