Google Angular2 中的自定义搜索元素定制

Question

我目前正在尝试将 Google 自定义搜索元素集成到专用的 Angular 组件中；我添加了一个带有 Javascript 代码的选择器，如 Google API 文档中所述，并且搜索框确实显示在我的页面中。 我的问题是我需要完全更改此搜索框的外观以及 Material 设计组件的搜索按钮。 那么，首先，是否有可能实现这一目标？如果是，如何做到这一点？ 我希望我足够清楚...... 干杯！

Answer 1

在您的范围内，我认为标准 API 对于您的需求来说过于有限。在这种情况下，我建议使用 Google Search REST API.

使用它，您可以创建一个 Angular 服务，使请求和模型充当您的数据传输对象 - 这些将与 API 文档中指定的请求和响应模型相匹配。

然后创建一个新的组件和模块，在模块内提供新服务并将您的标记和服务调用添加到组件中。这样你就有了一个完全定制的组件，它可以与 Google.

进行所有相关通信。