<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic How to add Angular component selectors or routers in PopupTemplate? in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-add-angular-component-selectors-or-routers/m-p/1167994#M77143</link>
    <description>&lt;P&gt;Hi,&lt;/P&gt;&lt;P&gt;I was trying to add the angular &lt;A href="https://angular.io/guide/architecture-components" target="_self"&gt;component selectors&lt;/A&gt; and &lt;A href="https://angular.io/api/router" target="_self"&gt;angular router&lt;/A&gt; in &lt;A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html" target="_self"&gt;PopupTemplate&lt;/A&gt;&amp;nbsp;content. But it is not working, after searching some information on the web that&amp;nbsp; PopupTemplate content only supports a few HTML tags.&lt;/P&gt;&lt;P&gt;So my issue is how to call angular components from the PopupTemplate? Could anyone please help here?&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="KrishnakanthYachareni_1-1650993142712.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/39866i9757DA8B6DBE7921/image-size/medium?v=v2&amp;amp;px=400" role="button" title="KrishnakanthYachareni_1-1650993142712.png" alt="KrishnakanthYachareni_1-1650993142712.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Tue, 26 Apr 2022 17:13:08 GMT</pubDate>
    <dc:creator>KrishnakanthYachareni</dc:creator>
    <dc:date>2022-04-26T17:13:08Z</dc:date>
    <item>
      <title>How to add Angular component selectors or routers in PopupTemplate?</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-add-angular-component-selectors-or-routers/m-p/1167994#M77143</link>
      <description>&lt;P&gt;Hi,&lt;/P&gt;&lt;P&gt;I was trying to add the angular &lt;A href="https://angular.io/guide/architecture-components" target="_self"&gt;component selectors&lt;/A&gt; and &lt;A href="https://angular.io/api/router" target="_self"&gt;angular router&lt;/A&gt; in &lt;A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html" target="_self"&gt;PopupTemplate&lt;/A&gt;&amp;nbsp;content. But it is not working, after searching some information on the web that&amp;nbsp; PopupTemplate content only supports a few HTML tags.&lt;/P&gt;&lt;P&gt;So my issue is how to call angular components from the PopupTemplate? Could anyone please help here?&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="KrishnakanthYachareni_1-1650993142712.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/39866i9757DA8B6DBE7921/image-size/medium?v=v2&amp;amp;px=400" role="button" title="KrishnakanthYachareni_1-1650993142712.png" alt="KrishnakanthYachareni_1-1650993142712.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Tue, 26 Apr 2022 17:13:08 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-add-angular-component-selectors-or-routers/m-p/1167994#M77143</guid>
      <dc:creator>KrishnakanthYachareni</dc:creator>
      <dc:date>2022-04-26T17:13:08Z</dc:date>
    </item>
    <item>
      <title>Re: How to add Angular component selectors or routers in PopupTemplate?</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-add-angular-component-selectors-or-routers/m-p/1168079#M77149</link>
      <description>&lt;P&gt;Hi &lt;a href="https://community.esri.com/t5/user/viewprofilepage/user-id/517567"&gt;@KrishnakanthYachareni&lt;/a&gt;&amp;nbsp; correct I don't think that will work, here is the documentation: &lt;A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#content" target="_blank"&gt;https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#content&lt;/A&gt;. Since the Popup content is created on-the-fly, I wouldn't expect the Angular component code to run correctly since it's occurring outside of the Angular component life-cycle. I'm not sure how this works in Ivy, you used to use the EventManager approach to run outside of NgZone. &lt;A href="https://angular.io/api/platform-browser/EventManager" target="_blank"&gt;https://angular.io/api/platform-browser/EventManager&lt;/A&gt;.&lt;/P&gt;</description>
      <pubDate>Tue, 26 Apr 2022 19:43:58 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-add-angular-component-selectors-or-routers/m-p/1168079#M77149</guid>
      <dc:creator>AndyGup</dc:creator>
      <dc:date>2022-04-26T19:43:58Z</dc:date>
    </item>
  </channel>
</rss>

