Angular 和 CreateJS 找不到舞台元素

Question

我有一个从 ng-view 元素继承的 Angular 视图。

在视图文件中，我有一个canvas。代码由控制器控制。我想要做的是调出一个阶段来在 canvas.

上添加元素

然而，当我运行 createJS.Stage 函数时，创建了一个舞台，其中的所有内容都是 null 并且没有边界。

我猜元素没有绑定到舞台上，但我不明白为什么

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
}

Answer 1

所以问题是当 AngularJS 控制器是运行

时 DOM 没有完全加载

DOM 完成加载后运行的技巧是

app.controller('taskController',function($scope,$location,$routeParams,dataFactory){
    $timeout(function(){
        visualInspectionHandler();
    });
    function visualInspectionHandler(){
          var stage = new createjs.Stage("demoCanvas");
          console.log(stage.getBounds()); 
    }
}

Angular 和 CreateJS 找不到舞台元素

Angular and CreateJS not finding the stage element

javascript

angularjs

easeljs

createjs