AngularJS NodeJS在外部JavaScript文件中添加$ scope

Question

I am using a controller controller.js that returns $scope.result = result;

I have an other JavaScript file canvas.js and I would like to insert $scope.result data.

canvas.js :

$(document).ready(function() {
    var d_canvas = document.getElementById('canvas');
    var context = d_canvas.getContext('2d');
    var background = document.getElementById('background');
    context.drawImage(background, 0, 0);


    context.rect(100, 50, 200, 20);
    context.rect(150, 205, 200, 20);
    context.lineWidth = 3;
    context.strokeStyle = 'green';
    context.stroke();

    // it doesn't display my data
    console.log("SCCOPE: "+$scope.idArticle);

});

I have the following error:

Uncaught ReferenceError: $scope is not defined 

Answer 1

Try something along these lines in your HTML

<canvas my-canvas coords={{result}}></canvas>

and then this directive

app.directive('myCanvas', function() {
   return {
     link: function(scope, elem, attrs) {
        var context = elem.getContext('2d');
        var background = document.getElementById('background');
         context.drawImage(background, 0, 0);
         [draw point at attrs.coords]
       }...