Передача настроек в приложение AngularJS

Что такое хороший подход к настройке передачи в приложение AngularJS? стекПередача настроек в приложение AngularJS

Технология:

Node.js
AngularJS

Настройки выглядеть следующим образом:

 window.settings = {}; 
settings.webSocketURL = 'ws://domain.com/websocket'; 
settings.webSocketTopic = 'name';

Вот несколько вариантов:

Включить скрипт <script src="scripts/settings.js"></script>

Недостатки: settings.js файл находится в директории скриптов, а не корневой каталог, дополнительный скрипт для загрузки.
Включить скрипт как в 1, а settings.js создается Node.js.

Недостаток: дополнительный сценарий для загрузки.
Внедрение настроек непосредственно в HTML.

Недостаток: вам нужно использовать шаблоны, подобные EJS, вместо HTML.

источник

2013-12-12 webdev

У меня была аналогичная проблема, и я решил с помощью конфигурации:

myapp 
.constant("settings", { 
    "webSocketURL": 'ws://domain.com/websocket', 
    "webSocketTopic": "name" 
})

затем в контроллерах вы просто должны вводить настройки, и получить их, например, с settings.webSocketURL

источник

2013-12-12 06:03:52

Это хороший способ AngularJS опр но он не является удобным для модификаций конечным пользователем. В идеале должен быть файл настроек в корневой папке веб-приложения, который изменяется в зависимости от конкретной среды пользователя. – webdev

В этом случае вы можете рассмотреть возможность использования заводов: это хороший пример, относится к названиям страниц, но может быть легко адаптирован к вашим потребностям: http://maurizionapoleoni.de/blog/Setting-Page-titles-with-AngularJS.html –

Да. Имеет смысл обернуть настройку в провайдер, но вопрос в том, что является хорошим способом загрузки данных и, возможно, не является конкретным вопросом AngularJS. У меня есть файл config.js, который используется приложением Node.js. В идеале я хотел бы сделать его частью (параметры на стороне клиента), доступным для AngularJS. – webdev

Я полагаю, вы могли бы создать конфигурационный модуль в любом месте, где бы вы ни находились

// config/app.coffee 
angular.module('MyAppConfig', []) 
    .config ($provide) -> 
    $provide.constant 'webSocketURL', 'ws://domain.com/websocket' 
    $provide.constant 'webSocketTopic', 'name'

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

источник

2013-12-12 06:05:03

Я использую Grunt для создания дистрибутива (папка dist). Предпочтительным способом является не использование каких-либо конкатенаций для этого. Этот файл настроек должен быть изменен конечным пользователем, который запускает веб-приложение в пользовательской среде (у пользователя может не установлен хрюкать). – webdev

Хорошо, думаю, я неправильно понял ваш вопрос. Эти настройки предназначены для изменения потенциальным конечным пользователем приложения? Если это так, я думаю, что это действительно зависит от варианта использования. Как будет распространяться приложение и как оно должно быть развернуто (просто открыв браузер, запустив локальный сервер или загрузив его на «обычный» сервер)? –

У меня есть файл config.js, который используется приложением Node.js, app.js имеет var config = require ('./ config'); В идеале я хотел бы сделать его частью (параметры на стороне клиента), доступным для AngularJS. – webdev

Вот мое решение:

Настройки Put клиента в конфигурации сервера.

 

    config.settings = {};

Сформировать JS файл с Node.js

 

    app.get('/settings.js', function(req, res) { 
     res.setHeader('Content-Type', 'application/javascript'); 
     res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate'); 
     res.setHeader('Pragma', 'no-cache'); 
     res.setHeader('Expires', 0); 

     res.send('window.settings = ' + JSON.stringify(config.settings) + ';'); 
    });

Определить AngularJS постоянные

 

    ngular.module('app') 
     .constant('settings', window.settings)

источник

2013-12-15 21:25:34 webdev

Передача настроек в приложение AngularJS

ответ

Смежные вопросы