我使用NgMap和angular 1来显示谷歌地图,并在其上绘制各种形状。 我试图通过改变一个范围变量动态地改变形状的颜色。ng-map动态改变形状的颜色
在模板中,我有:
<shape id="circle" name="circle" fill-color='{{circle.color}}' stroke-color='{{circle.color}}' stroke-opacity="0.8" stroke-weight="2" center="[41,-87]" radius="4000" editable="false">
</shape>
,并在控制器中创建对象:
function CircleColorTestController($scope, $interval) {
$scope.circle = {
color: '#00FF00'
};
var colors = ['#FF0000', '#00FF00', '#0000FF'];
var i = 0;
$interval(function() {
$scope.circle.color = colors[i];
console.log('Changing color to: ' + $scope.circle.color);
++i;
if (i > 2) {
i = 0;
}
}, 1000);
}
看看这个plunkr: https://plnkr.co/edit/nx5i5h
圆的颜色应每秒都会改变,但它仍然是绿色的。 NgMap有可能吗?这是一个错误吗?
谢谢!
没有错误在你的代码,填充颜色属性正在改变。但它没有被改变,因为它不是一个CSS属性。填充颜色用作配置attritube。 –
好的,谢谢,那么它不是最好的api。它应该是一致的,要么所有参数都应该提供实时绑定,或者不提供任何绑定。 (例如,绑定位置或半径工作) – nagyf