Tripadvisor Widget not working in Angular2 app

Asked Jan 04 '17 at 21:44

Active Jan 04 '17 at 21:44

Viewed 607 times

I'm new to Angular 2 and I'm trying to get a Tripadvisor widget working on my page. The widget works great in plain html but as soon as I include it in my component in angular it shows the image for the widget but the javasript does not execute so you don't see the content.

widget code I'm using:

<div id="TA_cdsscrollingravenarrow993" class="TA_cdsscrollingravenarrow"><ul id="QAlUXL" class="TA_links ZECPTIZB"><li id="esd1SQAAb" class="VkzA66nOe"><a target="_blank" href="https://www.tripadvisor.com/"><img src="https://static.tacdn.com/img2/t4b/Stacked_TA_logo.png" alt="TripAdvisor" class="widEXCIMG" id="CDSWIDEXCLOGO"/></a></li></ul></div><script src="https://www.tripadvisor.com/WidgetEmbed-cdsscrollingravenarrow?amp;locationId=1529483&amp;border=true&amp;uniq=993&amp;lang=en_US&amp;display_version=2"></script>

I did try the example from Including tripadvisor widget in angularjs app - here is the code that I tried from that answer:

<div id="TA_cdsscrollingravenarrow993" class="TA_cdsscrollingravenarrow"><ul id="QAlUXL" class="TA_links ZECPTIZB"><li id="esd1SQAAb" class="VkzA66nOe"><a target="_blank" href="https://www.tripadvisor.com/">

But this sadly doesn't fix my problem, I get the same results, you can see the widget in the upper right corner of this page:

http://bellamontereybay.com/

edited May 23 '17 at 12:17

Community

asked Jan 04 '17 at 21:44

haakon.io

Are you including the external script tag in the component or inside your index.html file? Angular will remove it from components. – Nick Jan 04 '17 at 22:04
I'm putting it right in my angular template, not in the js component – haakon.io Jan 04 '17 at 22:05
put `` in the index.html file. Keep the rest of the code in the template. – Nick Jan 05 '17 at 17:56
I will give that a shot and report back, thanks! – haakon.io Jan 07 '17 at 15:44
I tried that and same result, I see the Tripadvisor logo but none of the scripted content. – haakon.io Jan 07 '17 at 18:49
Are you seeing errors in the error console? – Nick Jan 09 '17 at 00:39
@Nick - no errors at all in the console. – haakon.io Jan 22 '17 at 20:04
@haakon.io have you found a solution? – Michal_Szulc Jul 18 '18 at 07:26

Tripadvisor Widget not working in Angular2 app

0 Answers0