毎秒角度関数が増加する

Question

Googleマップを使用する角度アプリを作成しようとしていて、その地図上に500から始まり毎秒100ずつ増加する半径を表示します。私はGithubから必要なものをすべてフォークし、ちょうど半径を操作しようとしています。

$scope.map.circle = { 
       id: 1, 
       center: center, 
       radius: 500, 


       //This function is not working, causes the radius to stop showing up on map 
       $interval: (function(){ 
       $scope.map.circle.radius += 100; 
       }, 1000), 



       stroke: { 
        color: '#08B21F', 
        weight: 2, 
        opacity: 1 
       }, 

そして、私のHTML：：半径を変更する機能を除いて

<ui-gmap-circle 
       center='map.circle.center' 
       radius='map.circle.radius' 
       fill='map.circle.fill' 
       stroke='map.circle.stroke' 
       clickable='map.circle.clickable' 
       draggable='map.circle.draggable' 
       editable='map.circle.editable' 
       visible='map.circle.visible' 
       events='map.circle.events'> 
</ui-gmap-circle> 

すべてが働いている

は、ここに私のjavascriptのコードです。

Answer 1

windowプロパティをパラメータとして期待する（またはそれは単にタイプミスの場合）が、一般的に、あなたが角度間隔内でそれをすることによって直接半径を変更することができますはわからない：使用することにより

$interval(function(){ 
    $scope.map.circle.radius += 100; 
}, 1000); 

Angularの間隔ではなく、setIntervalのネイティブの代わりに、スコープダイジェストを心配する必要はありません。

また、100を増やす必要がありますが、コードに10000と書いてあります。

Answer 2

角度を使用すると、角度のあるカウンターパーツでメソッドを置き換えて、正しく機能させる必要が生じることがあります。 window.setInterval()を$interval()に置き換えてください。パラメータは同じ順序で渡されます。