Я пытаюсь сделать следующее:Angular2 загрузки/выгрузки компонентов из <button>
нагрузки компонент под названием «Make.component»
в Make.component.html Я хотел бы иметь что-то вроде этого:
<button *ngIf="for make in makes" (click)="loadModelsComponent({{ make.id }})"> {{make.name}} </button>
в то время как Models.component загружается, 'разгрузить' (или удалить) Make.component.
В общем, что я пытаюсь описать здесь выглядит следующим образом:
У меня есть кнопка для каждого «Make», который имеет уникальный идентификатор (в make.id) При нажатии на эту кнопку, Я бы хотел, чтобы он загружал компонент 2, Models.component (- обратите внимание, что между Makes и Models через Make.id существует связь между Makes и Models), поэтому мне нужно передать 'make.id' в Models.component.
Я считаю, что могу сделать это с помощью маршрутизации, просто не уверен, как это выполнить правильно. Приветствуются фрагменты кода, концепции и советы.
Релевантно: Я планирую использовать сервис (доступ к API Edmunds) для получения этих данных, поэтому мне нужно передать make.id в модели (.component) ._ myApiService.getModels (make.id) [псевдокод ]
Итак, когда вы нажимаете кнопку (которая имеет данный идентификатор), вы хотите загрузить новый компонент (как в, перейти к новому представлению) и передать некоторые данные? Если это так, я могу ответить вам, я отправлю его. Если я уйду с базы, я ее удалю. –
@ Тим, это именно то, что я пытаюсь сделать! – Moshe