I'm currently working on an Angular view that inherits from an ng-view element.
Within the view file, there is a canvas that is controlled by a specific controller. My goal is to bring up a stage that allows me to add elements onto the canvas.
However, every time I try running the createJS.Stage function, the stage is created with everything being null and there are no bounds in place.
My assumption is that the element is not properly binding to the stage, but I'm unable to figure out the reason behind this issue.
index.html
<ng-view style='height: 100%;'></ng-view>
template.html
<div class='middle' style="min-height:90%;height:90%">
<div class='col-lg-8'>
<canvas id="demoCanvas" class='col-lg-11' style='margin-top:10px'></canvas>
</div>
</div>
JS
app.controller('taskController',function($scope,$location,$routeParams,dataFactory){
var stage = new createjs.Stage("demoCanvas");
console.log(stage.getBounds());
//bounds turn up as null as well as style and any other function that I run
}