1.0.3 • Published 7 years ago
ng-qlik-isolated v1.0.3
ng-qlik-isolated
Angular wrapper for qlik-isolated.js
live demo
Installation
through npm
npm install ng-qlik-isolated
Include the ng-qlik-isolated.js
<script src="qlik-isolated.min.js"></script>
<script src="ng-qlik-isolated.min.js"></script>
anuglar.js and qlik-isolated.js must be loaded first
Add module dependency
angular.module('app', ['ngQlikIsolated']);
ngQlikIsolatedService
Get qlik object
ngQlikIsolatedService
.getQlik('http://<qlikserver>:<port>')
.then(function(qlik){
/* qlik object available here */
}, function(error){
/* error info */
});
Globally set qlik server url
ngQlikIsolatedService.baseUrl('http://<qlikserver>:<port>'); // set
var currentUrl = ngQlikIsolatedService.baseUrl(); // get
once baseUrl is set, ngQlikIsolatedService.getQlik()
can be called without any parameters
Get qlikIsolated object
once qlik-isolated.js is loaded, qlikIsolated is available globally. However, to get it safely in an angular-ish way,
ngQlikIsolatedService.qlikIsolated
qlikIsolatedObject directive
Embed a qlik object
<qlik-isolated-object base-url="http://<qlikserver>:<port>"
app-id="My App.qvf"
obj="HdVjz"
show-selection-bar
clearSelection
disableInteraction
disableSelection
disableAnimation
selections = "FieldName1,Value1; FieldName2, value1, value2" />
The base-url
attribute can be ommitted if the baseUrl has already been set globally.
Apart from app-id
and obj
all other attributes are optional
Embed a qlik sheet
<qlik-isolated-object base-url="http://<qlikserver>:<port>"
app-id="My App.qvf"
sheet="aBcDeF" />
qlikIsolatedSelectionBar directive
Embed selection bar
if you have a number of qlik objects and would like a common selection bar say, at the top
<qlik-isolated-selection-bar base-url="http://<qlikserver>:<port>"
app-id="My App.qvf" />
License
MIT