Do not input private or sensitive data. View Qlik Privacy & Cookie Policy.
Skip to main content

Announcements
Qlik Open Lakehouse is Now Generally Available! Discover the key highlights and partner resources here.
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.