Как запрограммировать опцию выпадающего для загрузки файла JSON?

Как запрограммировать опцию выпадающего меню для загрузки файла JSON?

Я пытаюсь разработать веб-приложение на JavaScript. В этом приложении мне нужен раскрывающийся список различных коммерческих отраслей (варианты: здравоохранение, банковское дело, образование и т. Д.). Когда пользователь выбирает параметр и нажимает кнопку «Далее», приложение должно загрузить файл JSON, определенный для выбранного параметра (Healthcare.json, Banking.json, Education.json и т. Д.).

Мой вопрос: как связать каждую опцию из выпадающего списка с конкретным файлом JSON? Чтобы файл JSON загружался при нажатии кнопки «Далее».

У меня есть рабочий список и кнопка (для меня это достижение), но я не могу понять, как связать JSON и загрузить его.

Подвопрос: Где я могу хранить эти специфичные для JSON файлы? Просто в той же папке, что и мой код JavaScript?

Это мое первое приложение, поэтому любая помощь очень ценится!

Я искал SOF и Google и пришел с пустыми руками. Я нашел только «как заполнить список данными json» и «как построить динамический список из массива json», но ни то, ни другое я не ищу.

Я ожидаю, что рабочее решение просто загрузит файл JSON, связанный с каждой отраслью, после нажатия кнопки «Далее».

заранее спасибо

ЭТО МОЙ КОД:

ЭТО МОЙ СПИСОК:

 {amp}lt;mat-form-field{amp}gt; {amp}lt;mat-select placeholder="Industry" [(ngModel)]="industry"{amp}gt; {amp}lt;mat-option [value]="1"{amp}gt;None{amp}lt;/mat-option{amp}gt; {amp}lt;mat-option [value]="2"{amp}gt;Healthcare{amp}lt;/mat-option{amp}gt; {amp}lt;mat-option [value]="3"{amp}gt;Banking{amp}lt;/mat-option{amp}gt; {amp}lt;mat-option [value]="4"{amp}gt;Education{amp}lt;/mat-option{amp}gt; {amp}lt;mat-option *ngFor="let vm of viewModelsService.viewModels" [value]=vm{amp}gt; {{vm.name}} {amp}lt;/mat-option{amp}gt; {amp}lt;/mat-select{amp}gt; {amp}lt;/mat-form-field{amp}gt; 

ЭТО МОЯ КНОПКА:

 {amp}lt;button mat-button [disabled]="getScoreExpressionError()" (click)="loadJSON(); showScoreVariables = false"{amp}gt;Next{amp}lt;/button{amp}gt; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector