Загрузка данных из файла конфигурации angular2

Question

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

Я не знаю, как создать файл конфигурации в Angular2. Я попытался найти ссылки на то, как создавать и использовать конфигурационный файл, но я просто нашел его для Java и C#. Он существует в Angular2?

Answer 1

Вы не можете создать файл в Angular. Угловые пробеги в браузере, и браузер ограничивает доступ к локальной файловой системе.

Вместо этого вы должны отправить данные на сервер, чтобы сервер создавал файл для клиента.

Answer 2

Для этого вы можете использовать файл конфигурации JSON и загрузить его с помощью HTTP. В этом случае вы можете загружать ваше приложение асинхронно, чтобы дождаться загрузки данных конфигурации. Вот пример:

let appProviders = [ HTTP_PROVIDERS, ConfigurationService ]; 

var app = platform(BROWSER_PROVIDERS) 
    .application([BROWSER_APP_PROVIDERS, appProviders]); 

let service = app.injector.get(ConfigurationService); 
service.getConfiguration().flatMap((configuration) => { 
    var configurationProvider = new Provider('configuration', { useValue: configuration }); 
    return app.bootstrap(AppComponent, [ configurationProvider ]); 
}).toPromise(); 

ConfigurationService класс может быть что-то вроде этого:

@Injectable() 
export class ConfigurationService { 
    constructor(private http:Http) { 
    } 

    getConfiguration() { 
    return this.http.get('config.json').map(res => res.json()); 
    } 
} 

Смотрите этот вопрос для более подробной информации:

• angular2 bootstrap with data from ajax call(s)

Answer 3

как вы хотите отредактировать конфигурацию графического интерфейса, у вас есть только два варианта:

• сохранить настройки в стороне сервера и обеспечивают поиск и сохранение механизмов, то есть: а/настройки REST конечной точки, которые хранят изменения на PUT и получения конфигурации на GET.

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