<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <title>Using angular in a template</title>
  <link rel="self" href="https://liferay.dev/c/message_boards/find_thread?p_l_id=119785294&amp;threadId=111366350" />
  <subtitle>Using angular in a template</subtitle>
  <id>https://liferay.dev/c/message_boards/find_thread?p_l_id=119785294&amp;threadId=111366350</id>
  <updated>2026-04-03T18:43:59Z</updated>
  <dc:date>2026-04-03T18:43:59Z</dc:date>
  <entry>
    <title>RE: Using angular in a template</title>
    <link rel="alternate" href="https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=111654089" />
    <author>
      <name>Jon Ander Gonzalez</name>
    </author>
    <id>https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=111654089</id>
    <updated>2018-11-23T15:26:36Z</updated>
    <published>2018-11-23T15:26:36Z</published>
    <summary type="html">Muchas gracias Javier, me ha venido fenomenal.</summary>
    <dc:creator>Jon Ander Gonzalez</dc:creator>
    <dc:date>2018-11-23T15:26:36Z</dc:date>
  </entry>
  <entry>
    <title>RE: Using angular in a template</title>
    <link rel="alternate" href="https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=111424525" />
    <author>
      <name>Javier Gamarra</name>
    </author>
    <id>https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=111424525</id>
    <updated>2018-11-01T20:45:07Z</updated>
    <published>2018-11-01T20:45:07Z</published>
    <summary type="html">It&amp;#39;s strange... I&amp;#39;ve tried with a small sample using &lt;em&gt;dispatchEvent&lt;/em&gt; and it works. Code &lt;a href="https://github.com/nhpatt/my-npm-angular-portlet"&gt;here&lt;/a&gt;</summary>
    <dc:creator>Javier Gamarra</dc:creator>
    <dc:date>2018-11-01T20:45:07Z</dc:date>
  </entry>
  <entry>
    <title>Using angular in a template</title>
    <link rel="alternate" href="https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=111366349" />
    <author>
      <name>Jon Ander Gonzalez</name>
    </author>
    <id>https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=111366349</id>
    <updated>2018-10-29T18:10:02Z</updated>
    <published>2018-10-29T18:10:02Z</published>
    <summary type="html">&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;Hello guys,&lt;br&gt;&lt;br&gt;im trying to use angular in a template because i want to update the value of an input using jQuery in a form that has been done in angular, but the problem is that angular doesnt detect any change when it actually updates. the script is very easy&lt;pre&gt;&lt;code&gt;​​​​​​​function sendPersonalEmail(emailDestino) {
&amp;amp;nbsp; &amp;amp;nbsp;&amp;amp;nbsp;
&amp;amp;nbsp; &amp;amp;nbsp; var input = $('#email_destinatario');
&amp;amp;nbsp; &amp;amp;nbsp; input.val(emailDestino);
&amp;amp;nbsp; &amp;amp;nbsp; input.trigger('input');
&amp;amp;nbsp; &amp;amp;nbsp; input.trigger('change');
&amp;amp;nbsp; &amp;amp;nbsp; $("#email_destinatario")[0].dispatchEvent(new Event("input", { bubbles: true }));

&lt;/code&gt;&lt;/pre&gt;i test to use&amp;nbsp;angular.element(jQuery('#email_destinatario')).triggerHandler('change') aswell but the console give me an error "angular is not defined". i have read a lot of solutions similar to the last one but i cant manage to make it works. it seems that angular doesnt detect any change when is don in the client side.&lt;br&gt;&lt;br&gt;Any suggestion about how can i do? how can i communicate to angular that an event has been taken place?&lt;br&gt;&lt;br&gt;thanks in advanced&lt;/body&gt;&lt;/html&gt;</summary>
    <dc:creator>Jon Ander Gonzalez</dc:creator>
    <dc:date>2018-10-29T18:10:02Z</dc:date>
  </entry>
</feed>
