在 Angular 5 中动态地将 routerLink 添加到通过 AJAX 动态创建的组件中答案

【问题标题】：Dynamically add routerLink to a component created dynamically via AJAX in Angular 5在 Angular 5 中动态地将 routerLink 添加到通过 AJAX 动态创建的组件中
【发布时间】：2018-10-22 05:11:35
【问题描述】：

我有一个从 API 下载数据的组件。当用户点击Search 时，API 中的内容会通过 AJAX 获取。 API 中的此内容采用 JSON 格式，并具有内部产品的 ID。我可以基于此内容创建新的 HTML 元素并将它们放入我的站点中，但我希望每个动态创建的元素都具有 routerLink="/detailsPage/itemID" 工作，以便在单击后它将路由到具有适当 ID 的 detailsPage .如何以最简单的方式做到这一点？我认为需要重新编译一些刷新。

【问题讨论】：

如果你想要它作为一个参数，你可以这样做：[routerLink]="['/detailsPage']" [queryParams]="{id: itemId}"
一般routerLink="/detailsPage/itemID 对我来说是静态内容。但是使用 AJAX 就不行了。
你能显示你从 api 调用得到的响应吗
API 我完全没问题。问题是我只是遗漏了一些东西还是在页面加载后创建的元素中添加了任何 routerLink 不起作用？

标签： ajax angular dynamic routerlink

【解决方案1】：

这个问题的答案是HTTPClient - Angular 提供了一种在 Angular 应用程序中使用 XMLHttpRequest (AJAX) 的更简单方法，并且使用它还可以确保 routerLink 或任何其他 Angular 指令都可以正常工作使用此方法动态创建的对象。 Angular - HTTPClient

【讨论】：