У меня есть компонент, из которого мне нужно передать данные другому компоненту при нажатии кнопки, поэтому я использовал свойство [routerLink]
в якоре, как это
<a [routerLink]="['/employeedetail' , name, address,
detail3 , detail4, detail5, detail6 , detail7, detail8 ,
detail9, detail10></a>
определил соответствующий маршрут в app.route.ts
{
path: 'employeedetail/:name/:address/:detail3 /:detail4
/:detail5 /:detail6/:detail7 /:detail8 /:detail9 /:detail10 ',
component : employeedetailComponent
}
В идеальном мире это должно работать, но это не так, поскольку выдается ошибка, говорящая
zone.js:355Отклонение необработанного обещания: неподдерживаемое количество аргументов для чистых функций: 11 ; Зона: ; Задание: Promise.then ; Значение: Ошибка: Неподдерживаемое количество аргументов для чистых функций: 11(…) Ошибка: Неподдерживаемое количество аргументов для чистых функций: 11
Я исследовал это и обнаружил, что маршрутизатор angular2 дает сбой, когда во встроенном шаблоне есть 10 элементов, я попробовал, удалив последний параметр в URL (detail10) и без ошибок.
Вопрос заключается в том, как передать это большое количество параметров в URL-адресе с помощью [routerlink] или мне следует использовать другой подход для передачи данных из одного компонента в другой компонент?