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

Question

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

标签： ajaxangulardynamicrouterlink

Answer 1

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