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

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

问题描述:

我目前正在尝试将Google自定义搜索元素集成到专用的Angular组件中;我在Google API文档中提到了通常使用Javascript代码添加了选择器,搜索框确实显示在我的页面中。 我的问题是我需要彻底改变这个搜索框的外观以及Material Design组件的搜索按钮。 所以,首先,是否有可能实现这一目标?如果是,那怎么办? 我希望我已经清楚了... 干杯!Angular2中的Google自定义搜索元素自定义

在您的范围内,我认为标准API将过度地限制您的需求。在这种情况下,我会建议使用Google Search REST API

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

然后创建一个新的组件和模块,在模块中提供新的服务,并将标记和服务调用添加到组件中。这样,您就拥有了一个完全定制的组件,可以与Google进行所有相关的沟通。

+0

嗨Kallum,谢谢你的回复。事实上,REST API看起来非常有趣,关于它提供的灵活性。我对Angular服务一无所知(我是一个纯粹的新手),但我正在朝这个方向发展。再次感谢! – arsrobota

+0

看看这里,你得到你开始:https://angular.io/docs/ts/latest/tutorial/toh-pt4.html –

+0

我已经找到了那页,谢谢;-)然而有些令我困惑的是:我想我可以在我的服务中使用谷歌API npm包,而不是重新发明轮子,但我不知道在现有的那个中选择哪一个(肯定是ng-rest-api)。你怎么看待这件事? – arsrobota