重新绑定数据-ng-click无法正常工作

时间:2018-02-15 04:22:30

标签: angularjs

我正在使用此模板并使用它绑定数据

<div id="groupSegment" data-ng-repeat="q in CurrentQuestion">
    Segment Info
   <div>{{q.SegmentName}}</div>
    Questions:
         <div>{{q.Title}}</div><div>{{q.Description}}</div>
    <input  type="button" value="Previous" id="d{{q.PrevQuestIndex}}"  data-ng-click="ChangeQuestion({{q.PrevQuestIndex}})" /><br /> <input  id="d{{q.NextQuestIndex}}"  type="button" value="Next" data-ng-click="ChangeQuestion({{q.NextQuestIndex}})" />
</div>

点击Next和Previous时出现问题,下次点击时不会更新index的值。 Html显示更新的值存在,但是当我点击时,它显示html renderd时设置的值

以下是点击时触发的功能。

$scope.ChangeQuestion = function (index) {//this indux value not getting changed
                if (index < 0 || index > $scope.Questions.length)
                    return;
                $scope.CurrentQuestion = [];
                var i = 0;
                $($scope.Questions[index]).each(function () {
                    if (i == 0) {
                        $scope.CurrentQuestion.push({  Title: this.Title, Description: this.Description,SegmentName: this.SegmentName, NextQuestIndex: index + 1, PrevQuestIndex: index - 1 });
                    }
                    i++
                });
                $scope.$apply();
            };

所以我如何在点击参数

上刷新它

1 个答案:

答案 0 :(得分:0)

通常我使用 ng-click 代替您使用的数据-ng-点击。 如果您在 ng - 标记内使用参数,也不需要使用{{}}传递参数。

将其更改为 ng-click =&#34; ChangeQuestion(q.PrevQuestIndex)&#34;

&#13;
&#13;
<div id="groupSegment" data-ng-repeat="q in CurrentQuestion">
    Segment Info
   <div>{{q.SegmentName}}</div>
    Questions:
         <div>{{q.Title}}</div><div>{{q.Description}}</div>
    <input  type="button" value="Previous" id="d{{q.PrevQuestIndex}}"  ng-click="ChangeQuestion(q.PrevQuestIndex)" /><br /> 
    <input  id="d{{q.NextQuestIndex}}"  type="button" value="Next" ng-click="ChangeQuestion(q.NextQuestIndex)" />
</div>
&#13;
&#13;
&#13;