Angular Dart 组件中的 Algolia 自动完成搜索
Algolia Auto Complete Search in an Angular Dart Component
我正在尝试将 Algolia 搜索自动完成功能实现到 Angular Dart 项目中。
如果我将输入搜索框放在索引页面上，我可以让它工作，但是如果我将搜索框放在一个组件中，它就不起作用。
请参阅随附的 GitHub 项目概述我的问题。
加载后，您会看到两个带有适当标签的搜索框。
其中一个有效，另一个无效。
我需要做什么才能使该搜索框在组件中正常工作？
谢谢！！！
我对 Algolia 一无所知，但我猜这是一个时间问题。
初始化搜索框的脚本是 运行 在 angular 应用程序启动之前，因此 Algolia 找不到输入。
您可以做几件事：
- 不是运行JS脚本，或者初始化直到组件
完全读取。使用 ngOnInit 和 package:js 调用初始化
脚本
- 或者在组件本身重新设置输入框的父级。加载它
在主页中使用 JS 脚本，然后在组件中使用
dart:html 找到该元素并将其放在您应用中的正确位置。
我正在尝试将 Algolia 搜索自动完成功能实现到 Angular Dart 项目中。
如果我将输入搜索框放在索引页面上，我可以让它工作，但是如果我将搜索框放在一个组件中，它就不起作用。
请参阅随附的 GitHub 项目概述我的问题。
加载后，您会看到两个带有适当标签的搜索框。
其中一个有效，另一个无效。
我需要做什么才能使该搜索框在组件中正常工作？
谢谢！！！
我对 Algolia 一无所知，但我猜这是一个时间问题。
初始化搜索框的脚本是 运行 在 angular 应用程序启动之前，因此 Algolia 找不到输入。
您可以做几件事：
- 不是运行JS脚本，或者初始化直到组件 完全读取。使用 ngOnInit 和 package:js 调用初始化 脚本
- 或者在组件本身重新设置输入框的父级。加载它 在主页中使用 JS 脚本，然后在组件中使用 dart:html 找到该元素并将其放在您应用中的正确位置。