Javascript 脚本标记中的角度更改值

当用户更改文本框中的数字时，我需要动态更改圆的半径，但我不能在脚本标记中使用角大括号。是否有一种替代方法可以反映将angular绑定到html属性的方式

#地图画布{
宽度：500px；
高度：400px；
}
函数初始化（）{
var半径=100000；
var mapCanvas=document.getElementById（'map-canvas'）；
变量映射选项={
中心：新google.maps.LatLng（53，-2.5），
缩放：8，
mapTypeId:google.maps.mapTypeId.ROADMAP，
禁用双击缩放：真
}
var map=new google.maps.map（mapCanvas，mapOptions）
var marker=new google.maps.marker({
地图：地图，
位置：新google.maps.LatLng（53，-2.5），
标题：“某个地点”
});
//添加圆形覆盖并绑定到标记
var circle=new google.maps.circle({
地图：地图，
半径：半径，//10英里（米）
fillColor:“#AA0000”，
可点击：false
});
圆圈.bindTo（'中心'，标记，'位置'）；
google.maps.event.addListener（map=map，'dblclick'，函数（事件）{
警报（“纬度：“+event.latLng.lat（）+”+”，经度：“+event.latLng.lng（））；
圆半径=1000；
圆圈.bindTo（'中心'，标记，'位置'）；
});
}
google.maps.event.addDomListener（窗口“加载”，初始化）；
{{position.rad}}

以角度查看指令，该指令允许您响应模型状态的变化。例如：

$scope.radius = 0;
$scope.$watch('radius', function(newValue, oldValue) {
    // change the circle here
});

并将

radius

绑定到您的文本框：

<input type="text" ng-model="radius">

但是我不能在脚本标记中使用有角度的大括号。有没有 另一种方法反映了将angular绑定到html的方式 财产

在html标记中绑定值？以下也是可能的：

HTML:

---

fiddle:

您是否尝试过在

PosCtrl

JavaScript中包含

initialise（）

代码？

<div ng-app='App' ng-controller="AppCtrl">
    <div id="{{ radius }}"></div>  
    <!-- use quotes around the braces, inspect in browser and you will see that id = 2 -->
</div>

angular.module('App', [])
.controller('AppCtrl', function($scope) {

    $scope.radius = 2;    //this value can be bound to the DOM element
});