Google benutzerdefinierte Suche Element Anpassung in Angular2

Question

Ich versuche derzeit, ein Google benutzerdefinierte Suchelement in eine dedizierte Angular-Komponente zu integrieren; Ich habe einen Selektor mit normalem JavaScript-Code hinzugefügt, wie er im Google API-Dokument erwähnt wird, und das Suchfeld wird tatsächlich auf meiner Seite angezeigt. Mein Problem ist, dass ich das Aussehen dieses Suchfelds sowie die Schaltfläche für die Suche nach Material Design-Komponenten komplett ändern muss. Also, zuerst, ist es möglich, dies zu erreichen? Wenn ja, wie kann das gemacht werden? Ich hoffe, ich bin klar genug ... Prost!

Answer 1

Im Zusammenhang mit Ihrem Umfang denke ich, dass die Standard-API für Ihre Bedürfnisse übermäßig begrenzt sein wird. In diesem Szenario würde ich empfehlen, die Google Search REST API zu verwenden.

Mit diesem können Sie einen Angular-Dienst erstellen, der die Anforderungen und Modelle als Datenübertragungsobjekte verwendet. Diese entsprechen den in der API-Dokumentation angegebenen Anforderungs- und Antwortmodellen.

Erstellen Sie dann eine neue Komponente und ein neues Modul, stellen Sie den neuen Service innerhalb des Moduls bereit und fügen Sie Ihre Markup- und Serviceaufrufe in die Komponente ein. Auf diese Weise verfügen Sie über eine vollständig angepasste Komponente, die die gesamte relevante Kommunikation mit Google übernimmt.