Динамически добавлять routerLink к компоненту, созданному динамически через AJAX в Angular 5.

У меня есть компонент, который загружает данные из API. Когда пользователь нажимает Search, контент из API извлекается через AJAX. Этот контент из API находится в формате JSON и имеет внутри идентификатор продукта. Я могу создавать новые HTML-элементы на основе этого контента и помещать их на свой сайт, но я хотел бы, чтобы каждый созданный на лету элемент имел работающий routerLink="/detailsPage/itemID", чтобы после щелчка он направлялся к detailsPage с соответствующим идентификатором. Как это сделать самым простым способом? Я предполагаю, что необходима некоторая перекомпиляция обновления.