2015-01-17 2 views
1

angularjs의 템플릿 페이지에있는 태그 내에 캔버스를 사용하여 화이트 보드를 구현하는 스크립트가 있습니다. 이제 angularjs 범위 변수에 points [] 변수 값을 지정하려고합니다.angularjs에서 템플릿 스크립트 변수에 액세스하는 방법

<script> 
var points = []; 
</script> 

각도 js 컨트롤러에서이 점에 액세스하는 방법.

scope.ponts = ponints; 
+0

오타 scope.points의 = 포인트를 app.js; :-P – squiroid

답변

3

당신은 변수를 얻을 $ 윈도우 서비스를 사용할 수 있습니다 : -

var points = ['1','2']; 

var app = angular.module('myapp', []); 

app.controller('MainCtrl', ['$scope', '$window', function($scope, $window) { 
    $scope.point= $window.points ; 
}]); 

plunker : - 그것은 전역에서와 같이 http://plnkr.co/edit/FzybyOZKiLvHuaMaYCuJ?p=preview

+0

이 답변은 창에 지정되지 않았기 때문에 작동하지 않으며 모든 것이로드 될 때 알면 과도 함입니다. –

+1

나는 플 런커를 추가했습니다. – squiroid

+1

@PeterAshwell 이것은 과도하지 않습니다. 컨트롤러는 의존성 주입을 통해'points '에 접근 할 때 훨씬 쉽게 테스트 할 수 있습니다. 이 접근법을 장려해야합니다. – scarlz

0

당신은 당신의 컨트롤러에 액세스 할 수 있습니다.

이 plunkr 참조 :

http://plnkr.co/edit/G8RQKe6tK48mWXpsl9ov?p=preview

<script> 
    var points = []; 
</script> 

<body ng-controller="MainCtrl"> 
    <p>Points: {{data}}</p> 
</body> 

</html> 

var app = angular.module('plunker', []); 

app.controller('MainCtrl', function($scope) { 
    $scope.data = points; 
}); 
관련 문제