Hi,
I have done some changes to your code and was able to make it work.
Updates to animazioni.js:
require( ["js/qlik"], function ( qlik ) {
qlik.setOnError( function ( error ) {
alert( error.message );
} );
qlik.setOnError( function ( error ) {
$( "#errmsg" ).html( error.message ).parent().show();
} );
//callbacks -- inserted here --
//open apps -- inserted here --
angular.bootstrap( document, ["myApp", "qlik-angular"] );
//get objects -- inserted here --
//create cubes and lists -- inserted here --
} );
Updates to <STYLE> in animazioni.html:
<style>
.animate-if {
background:white;
border:1px solid black;
height:100px;
}
.animate-if.ng-enter, .animate-if.ng-leave {
transition:all linear 1s;
}
.animate-if.ng-enter,
.animate-if.ng-leave.ng-leave-active {
opacity:0;
height:0px;
}
.animate-if.ng-leave,
.animate-if.ng-enter.ng-enter-active {
opacity:1;
height:100px;
}
</style>
Updates to <BODY> in animazioni.html:
<div ng-app="myApp" ng-controller="ctrl" class="ng-scope">
<h1>Show the DIV: <input type="checkbox" ng-model="myCheck"></h1>
<div id="my-div" class="animate-if" ng-model="checked" ng-init="checked=true" ng-click="hide()" ng-if="myCheck">PROVA ANIMAZIONE</div>
</div>
<script type="text/javascript">
angular.module('myApp', ['ngAnimate']).
controller('ctrl', function(){});
</script>
