在ng-repeat中无法访问Ionic / AngularJS键

时间:2016-10-13 09:59:48

标签: angularjs ionic-framework

我正在尝试使用 Ionic 1 从控制器访问{{key}} ng-repeat。作为文本生成的{{key}}与我在控制器上收到的{{key}}不同,不知道为什么会这样。

我想要做的是找到应使用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>

1 个答案:

答案 0 :(得分:1)

只需从ng-click函数调用中删除大括号。

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