1

мне нужно сделать пост типа в моем простом угловом приложении ... У меня есть JSON-файл с контактамиAngularJS Маршрутам пользователь из JSon данных все же шаблонных вид

{ 
    "contacts": [ 
     { 
     "name": "Alf", 
     "tel": [ 
      { 
      "home": "0134567890" 
      } 
     ], 
     "address": "1 A Road, A Town, A County, AB123CD", 
     "email": "[email protected]" 
     }, 
     { 
     "name": "Andrew", 
     "tel": [ 
      { 
      "mobile": "0774567890" 
      } 
     ], 
     "address": "1 A Road, A Town, A County, AB123CD", 
     "email": "[email protected]" 
     }, 
     { 
     "name": "Zoe", 
     "tel": [ 
      { 
      "mobile": "07712456789" 
      } 
     ], 
     "address": "1 A Road, A Town, A County, AB123CD", 
     "email": "[email protected]" 
     } 
    ] 
    } 

не нужно admin или db, так как я буду поддерживать сайт. Используя выше я хотел бы, чтобы нажать на элемент списка alf который изменит маршрут и вид на domain.com/alf или domain.com/contact/alf, который будет использовать вид contact шаблон с alf's информации (с JSON)

поиска Google оставил меня только учебники базы данных/сервера/администратора. Но моя потребность намного проще.

Таким образом, в двух словах - мне нужен маршрут, который принимает параметр URL-адрес, который будет загружать вид с соответствующими данными по указанному параметру URL-адрес

ответ

1

Вы можете следить за любой учебник от Google вы, как заменить только одну вещь для себя : источник данных. Обычно данные загружаются через REST api из базы данных, но поскольку вам не нужно хранить данные в db, вы можете использовать json-server для предоставления REST api на основе вашего json-файла.

+0

Спасибо. Наверное, я перевыполнял простую часть. Любые любимые учебники для этого потока? – Omar

+0

@Omar Я не уверен, что есть какой-либо учебник об использовании 'json-server' с AngularJS. Я бы рекомендовал сначала настроить api для вашего файла с помощью 'json-server' docs, а затем создать приложение с угловой маршрутизацией https://docs.angularjs.org/tutorial/step_07 и для каждого вызова состояния маршрута соответствующую REST api endpoint https: //docs.angularjs.org/tutorial/step_13 –

+0

Спасибо! Я поделюсь результатами, когда я сделаю это. – Omar