Angular Dart 组件中的 Algolia 自动完成搜索

Question

我正在尝试将 Algolia 搜索自动完成功能实现到 Angular Dart 项目中。

如果我将输入搜索框放在索引页面上，我可以让它工作，但如果我把搜索框放在一个组件中，它就不起作用。

请参阅随附的 GitHub 项目概述我的问题。

Link to GitHub Repo

当它加载时，您会看到两个适当标记的搜索框。

其中一个有效，另一个无效。

我需要做什么才能让搜索框在组件中工作？

谢谢！！！

Answer 1

我对 Algolia 一无所知，但我猜这是时间问题。

初始化搜索框的脚本在 Angular 应用启动之前运行，因此 Algolia 找不到输入。

你可以做几件事：

• 不运行 JS 脚本，或初始化，直到组件 完全读取。使用 ngOnInit 和 package:js 调用初始化 脚本
• 或在组件本身中重新设置输入框。加载它 在带有 JS 脚本的主页中，然后在组件中使用 dart:html 找到元素并将其放在应用中的正确位置。