2016-04-30 14 views
0

ng-repeatモジュールを使用している間、カウンタを追跡する必要があります。 私はNG-リピートコードの前にセットカウンターを持っています。UnCaughtリファレンス:変数が定義されていません

<script type="text/javascript" var counter = 0;></script> 

Then come my important code : 
<div class= "col-md-4" ng-repeat="coffeedata in coffecataloge"> 
<img id="product-images" style="margin-top:20px;margin-left:30px;width:50px;height:50px"/> 
<script type="text/javascript" > 
counter += 1; 
</script> 
</div> 

今、私は私が言ってカウンタの値がインクリメントしようとしていますエラーを取得されたもの「キャッチされないにReferenceError:カウンタが定義されていない」と

私の仕事はどのように達成できますか?

答えて

3

これは有効なHTMLではない、またそれはjavascriptのである:

<script type="text/javascript" var counter = 0;></script> 

あなたはscriptタグ内var counter = 0;を置く必要があり、あなたが2番目のスクリプトで行ったのと同じ:

<script type="text/javascript"> 
    var counter = 0; 
</script> 
+0

どうもありがとう@マルコ。それはうまくいった。 また、カウンタはng-repeatループ内で1回だけインクリメントされます。ここで何が間違っているのか説明できますか?おかげさまで –

+0

このスクリプトは 'ng-repeat'が実行する前に実行されるため、スクリプトは再び実行されません。また、角度を使用しているので、特にこのようなことはしないでください。私はあなたが何をしようとしているのか分かりませんが、コントローラー内でこれをやっているか、少なくともカウンタで何かをするコントローラー上の関数を呼び出す必要があります。また、第1のカウンタもグローバル変数であってはならない。しかし、これはまったく新しい問題であり、この質問の範囲外です。 –