2016-10-13 6 views
0

イオン1を使用してコントローラからng-repeatから{{key}}にアクセスしようとしています。テキストとして生成された{{key}}はコントローラで受信している{{key}}とは異なりますが、なぜこれが正しいのかわかりません。ng-repeatでIonic/AngularJSキーにアクセスできない

は、私は何をしたい動的id = "historyHeader_{{key}}"を使用して生成されなければならないのdiv IDを見つけて使用して、それを受信する必要があるng-click="loadInlineHistory({{key}})"

コントローラー:

$scope.loadInlineHistory = function (dateLoaded) { 
    var textS = $("#historyHeader_"+dateLoaded).text(); 
} 

ビュー

<ion-list> 
    <div ng-repeat="(key, value) in history | groupBy: 'date'"" style="background:#fff;padding:0.4em"> 

     <div class="item item-divider"> 
      <span style="min-height: 100%" id="historyHeader_{{key}}"> {{key}}</span> 
     </div>  

     <div style="width: 100%"> 

      <div class="row" ng-repeat="hist in value"> 
       <div ng-click="testRepeatx()"> 
        <div class="row"> 
         <div class="col col-50" align="left">3 laterals </div> 
         <div class="col col-50" align="left" style="color:#999">{{hist.reps}} calories</div> 
        </div> 
       </div> 
      </div> 

      <div class="row" > 
       <button class="button button-block button-balanced" ng-click="loadInlineHistory({{key}})"> <i class="ion-plus"></i></button> 
      </div>  

     </div> 
    </div> 
</ion-list> 
+0

オブジェクトのキー値にアクセスできます。 'history'オブジェクトを見せてくれますか? –

+1

そして、 '{{key}}'がビュー内で利用可能なら、ng-clickで 'loadInlineHistory(key)'を使うだけで簡単にアクセスできます。 –

+0

@JunaidSalaatはい、問題ありました。{{key} }何らかの理由で私に別の番号を与えてくれました。 – drew

答えて

1

括弧はng-clickファンクションコールから取得します。

<div class="row" > 
    <button class="button button-block button-balanced" 
     ng-click="loadInlineHistory(key)"> <i class="ion-plus"></i></button> 
</div> 
関連する問題