如何在 AngularJS 中访问模板脚本变量

how to access template script variable in angularjs

本文关键字:脚本 变量 访问 AngularJS      更新时间:2023-09-26

我有脚本在angularjs模板页面的标签中使用画布来实现白板。现在我想将 points[] 变量值分配给 angularjs 范围变量。

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

如何在 Angular JS 控制器中访问这一点。

scope.ponts = ponints;
您可以使用

$window服务来获取变量:-

var points = ['1','2'];
var app = angular.module('myapp', []);
app.controller('MainCtrl', ['$scope', '$window', function($scope, $window) {
  $scope.point= $window.points ;
}]);

普伦克:- http://plnkr.co/edit/FzybyOZKiLvHuaMaYCuJ?p=preview

您可以在控制器中访问它,就像在全局范围内一样。

请看这个 plunkr:

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

<script>
  var points = [];
</script>
<body ng-controller="MainCtrl">
  <p>Points: {{data}}</p>
</body>
</html>

和应用程序.js

var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
  $scope.data = points;
});