2016-05-03 8 views
0

私はangularjsと$ indexに問題があります

私はそれを関数のパラメータで与えます。 {{}}({{$ index}}の作品)のHTMLで動作します。しかし、それは機能では機能しません。私は私のプロジェクト内の別の位置にそれを使用し、それが正常に動作し、インデックスとその常に0 ...

に警告...ここ

がコードです。機能付き

<input type="checkbox" id="rounded1" ng-click="setClickEvent($index)" ng-model="clickStatus"/> 

JSファイル:

$scope.setClickEvent = function(index) { 
    alert(index); 

}。

警告は常に0 ...

私は誰かが私を助けることを願っています。ありがとう:)

+1

もNGリピート – Rayon

答えて

0

この<input>タグをng-repeatディレクティブに使用していないようです。 $indexは、0からnまで数えられるng-repeatで使用されていない限り0を表示します。

おそらく、あなたはこのような何かを意図:

<div ng-repeat="i in [1, 2, 3, 4, 5] track by $index"> 
    <input type="checkbox" ng-click="setClickEvent($index)" ng-model="clickStatus"/> 
</div> 

を5つのチェックボックスのそれぞれが有効ではありません同じIDを持っているでしょうので、私はIDを削除しました。

+0

OPに関連付けられたマークアップを共有して、HTMLで{{$インデックスを}}を使用すると、正常に動作しますと述べました。私は*それが**リピートの内側にあると思うので、コードは含まれていないので、Rayonが関連するng-repeatコードを求めている理由です。 – mhodges

+0

私は彼がng-repeatを使用していないと考えています。これは$ indexが常に0である理由です。 –

+0

はい、それは私の元々の考えでした。それは最も理にかなっているようです。しかし、OPは{{$ index}}はうまく動作していると言いましたので、別の問題だと私には思われます。 – mhodges

0

申し訳ありませんが、ここでは全体のHTMLコードがNGリピートである

<div ng-repeat="frage in frageListe"> 
     <div class="input-group"> 
      <div class="container-fluid list-group-item "> 
       <div class="rounded"> 
        <input type="checkbox" id="rounded1" ng-click="setClickEvent(frage.id)" ng-model="clickStatus"/> 
        <label for="rounded1"></label> 
       </div> 
       <div class="list-text"> 
        <h3 class="list-group-item-heading quest-list-text serif">{{frage.titel}} {{$index}}</h3> 
       </div> 
      </div> 
     </div> 
     <hr class="divider-line-questlist">    

     </div> 
+0

これについての解決策はありますか?私はここで同じ問題があります。 – diegopso

関連する問題