Qlik Community

Qlik Sense Integration, Extensions, & APIs

Discussion board where members can learn more about Integration, Extensions and API’s for Qlik Sense.

3ernardo
New Contributor III

AngularJS mashup is not showing Qlik elements.

I am doing a mashup based on the work of jvs 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.


Thanks in advance!

Tags (2)
1 Solution

Accepted Solutions
Employee
Employee

Re: AngularJS mashup is not showing Qlik elements.

You almost got it. You never attach the controller to the DOM. Take a look here https://code.angularjs.org/1.5.8/docs/guide/controller

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

<body role="document" style="overflow: auto" class="flex-container" ng-controller="AppCtrl">


  <div id="QV02" class="qvobject" style="width:100%;height:200px;"></div>


  <!-- JavaScript -->

  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

  <!-- /JavaScript -->


</body>

2 Replies
Employee
Employee

Re: AngularJS mashup is not showing Qlik elements.

You almost got it. You never attach the controller to the DOM. Take a look here https://code.angularjs.org/1.5.8/docs/guide/controller

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

<body role="document" style="overflow: auto" class="flex-container" ng-controller="AppCtrl">


  <div id="QV02" class="qvobject" style="width:100%;height:200px;"></div>


  <!-- JavaScript -->

  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

  <!-- /JavaScript -->


</body>

3ernardo
New Contributor III

Re: AngularJS mashup is not showing Qlik elements.

Thank you kind Sir!

You've just spared me of hours of frustration.