<?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 AngularJS mashup is not showing Qlik elements. in Integration, Extension &amp; APIs</title>
    <link>https://community.qlik.com/t5/Integration-Extension-APIs/AngularJS-mashup-is-not-showing-Qlik-elements/m-p/38601#M586</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;I am doing a mashup based on the work of &lt;A href="http://branch.qlik.com/?&amp;amp;_ga=2.41218785.215837665.1514890372-209873793.1514398931&amp;amp;_gac=1.145040768.1514398983.EAIaIQobChMI8sfdxueq2AIVTICRCh2Y9gvWEAAYASAAEgKl9PD_BwE#!/project/56b4a40140a985c431a64b08"&gt;jvs&lt;/A&gt;‌&lt;SPAN style="font-size: 13.3333px;"&gt; but the elements I fetch from Qlik are not appearing, I am hours over this code but can't figure out the problem. Any input is much appreciated. The html and js codes are attached to this post.&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN style="font-size: 13.3333px;"&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN style="font-size: 13.3333px;"&gt;Thanks in advance!&lt;BR /&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Thu, 01 Feb 2018 20:47:01 GMT</pubDate>
    <dc:creator>Anonymous</dc:creator>
    <dc:date>2018-02-01T20:47:01Z</dc:date>
    <item>
      <title>AngularJS mashup is not showing Qlik elements.</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/AngularJS-mashup-is-not-showing-Qlik-elements/m-p/38601#M586</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;I am doing a mashup based on the work of &lt;A href="http://branch.qlik.com/?&amp;amp;_ga=2.41218785.215837665.1514890372-209873793.1514398931&amp;amp;_gac=1.145040768.1514398983.EAIaIQobChMI8sfdxueq2AIVTICRCh2Y9gvWEAAYASAAEgKl9PD_BwE#!/project/56b4a40140a985c431a64b08"&gt;jvs&lt;/A&gt;‌&lt;SPAN style="font-size: 13.3333px;"&gt; but the elements I fetch from Qlik are not appearing, I am hours over this code but can't figure out the problem. Any input is much appreciated. The html and js codes are attached to this post.&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN style="font-size: 13.3333px;"&gt;&lt;BR /&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN style="font-size: 13.3333px;"&gt;Thanks in advance!&lt;BR /&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 01 Feb 2018 20:47:01 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/AngularJS-mashup-is-not-showing-Qlik-elements/m-p/38601#M586</guid>
      <dc:creator>Anonymous</dc:creator>
      <dc:date>2018-02-01T20:47:01Z</dc:date>
    </item>
    <item>
      <title>Re: AngularJS mashup is not showing Qlik elements.</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/AngularJS-mashup-is-not-showing-Qlik-elements/m-p/38602#M587</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;You almost got it. You never attach the controller to the DOM. Take a look here &lt;A href="https://code.angularjs.org/1.5.8/docs/guide/controller" title="https://code.angularjs.org/1.5.8/docs/guide/controller"&gt;https://code.angularjs.org/1.5.8/docs/guide/controller&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;You'll need to add an attribute `ng-controller="AppCtrl"` on any DOM element that is a parent to the elements that you want the controller code to be executed for. So, for instance, if you added it to the body element, that would work. Like this&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;DIV&gt;&lt;SPAN style="color: #808080;"&gt;&amp;lt;&lt;/SPAN&gt;&lt;SPAN style="color: #569cd6;"&gt;body&lt;/SPAN&gt; &lt;SPAN style="color: #9cdcfe;"&gt;role&lt;/SPAN&gt;=&lt;SPAN style="color: #ce9178;"&gt;"document"&lt;/SPAN&gt; &lt;SPAN style="color: #9cdcfe;"&gt;style&lt;/SPAN&gt;=&lt;SPAN style="color: #ce9178;"&gt;"overflow: auto"&lt;/SPAN&gt; &lt;SPAN style="color: #9cdcfe;"&gt;class&lt;/SPAN&gt;=&lt;SPAN style="color: #ce9178;"&gt;"flex-container"&lt;/SPAN&gt; &lt;SPAN style="color: #9cdcfe;"&gt;ng-controller&lt;/SPAN&gt;=&lt;SPAN style="color: #ce9178;"&gt;"AppCtrl"&lt;/SPAN&gt;&lt;SPAN style="color: #808080;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;P&gt;&lt;/P&gt;&lt;BR /&gt;&lt;P&gt;&amp;nbsp; &lt;SPAN style="color: #808080;"&gt;&amp;lt;&lt;/SPAN&gt;&lt;SPAN style="color: #569cd6;"&gt;div&lt;/SPAN&gt; &lt;SPAN style="color: #9cdcfe;"&gt;id&lt;/SPAN&gt;=&lt;SPAN style="color: #ce9178;"&gt;"QV02"&lt;/SPAN&gt; &lt;SPAN style="color: #9cdcfe;"&gt;class&lt;/SPAN&gt;=&lt;SPAN style="color: #ce9178;"&gt;"qvobject"&lt;/SPAN&gt; &lt;SPAN style="color: #9cdcfe;"&gt;style&lt;/SPAN&gt;=&lt;SPAN style="color: #ce9178;"&gt;"width:100%;height:200px;"&lt;/SPAN&gt;&lt;SPAN style="color: #808080;"&gt;&amp;gt;&amp;lt;/&lt;/SPAN&gt;&lt;SPAN style="color: #569cd6;"&gt;div&lt;/SPAN&gt;&lt;SPAN style="color: #808080;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;BR /&gt;&lt;P&gt;&amp;nbsp; &lt;SPAN style="color: #608b4e;"&gt;&amp;lt;!-- JavaScript --&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp; &lt;SPAN style="color: #808080;"&gt;&amp;lt;&lt;/SPAN&gt;&lt;SPAN style="color: #569cd6;"&gt;script&lt;/SPAN&gt; &lt;SPAN style="color: #9cdcfe;"&gt;src&lt;/SPAN&gt;=&lt;SPAN style="color: #ce9178;"&gt;&lt;SPAN&gt;"&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" rel="nofollow" target="_blank"&gt;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js&lt;/A&gt;&lt;SPAN&gt;"&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;SPAN style="color: #808080;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;SPAN style="color: #808080;"&gt;&amp;lt;&lt;/SPAN&gt;&lt;SPAN style="color: #808080;"&gt;/&lt;/SPAN&gt;&lt;SPAN style="color: #569cd6;"&gt;script&lt;/SPAN&gt;&lt;SPAN style="color: #808080;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp; &lt;SPAN style="color: #608b4e;"&gt;&amp;lt;!-- /JavaScript --&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;BR /&gt;&lt;P&gt;&lt;SPAN style="color: #808080;"&gt;&amp;lt;/&lt;/SPAN&gt;&lt;SPAN style="color: #569cd6;"&gt;body&lt;/SPAN&gt;&lt;SPAN style="color: #808080;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/DIV&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 01 Feb 2018 20:59:36 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/AngularJS-mashup-is-not-showing-Qlik-elements/m-p/38602#M587</guid>
      <dc:creator>Francis_Kabinoff</dc:creator>
      <dc:date>2018-02-01T20:59:36Z</dc:date>
    </item>
    <item>
      <title>Re: AngularJS mashup is not showing Qlik elements.</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/AngularJS-mashup-is-not-showing-Qlik-elements/m-p/38603#M588</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Thank you kind Sir!&lt;/P&gt;&lt;P&gt;You've just spared me of hours of frustration.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 01 Feb 2018 23:42:25 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/AngularJS-mashup-is-not-showing-Qlik-elements/m-p/38603#M588</guid>
      <dc:creator>Anonymous</dc:creator>
      <dc:date>2018-02-01T23:42:25Z</dc:date>
    </item>
  </channel>
</rss>

