Skip to main content
Announcements
Have questions about Qlik Connect? Join us live on April 10th, at 11 AM ET: SIGN UP NOW
cancel
Showing results for 
Search instead for 
Did you mean: 
Anonymous
Not applicable

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!

1 Solution

Accepted Solutions
Francis_Kabinoff
Former Employee
Former Employee

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>

View solution in original post

2 Replies
Francis_Kabinoff
Former Employee
Former Employee

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>

Anonymous
Not applicable
Author

Thank you kind Sir!

You've just spared me of hours of frustration.