Angularjs使用json内容切换具有next和previous的div

时间:2016-10-27 12:59:35

标签: html angularjs

到目前为止,我已经填了我的代码。问题是我希望每个问题都在div中,然后单击下一个我想转到下一个问题。此外,我为每个问题都有一组图像,我希望每次用户点击进入下一个问题时都要更改这些图像。现在它似乎没有显示所有问题只是问题10的最后一个问题。请帮助我......

     var app = angular.module('myApp', []);
     app.controller('ListCtrl', ['$scope', '$http', function($scope, $http) {
       $scope.questions = []
       $http.get('results.json').success(function(data) {
          angular.forEach(data, function(question) {
              $scope.questions.push(question);
    }) 
  });
       $scope.index = 1;
 }]);

我使用了此处建议的代码:angularjs Click button to show next / previous div

这是我的傻瓜:http://plnkr.co/edit/DqNRnc8xYZn73vdkWjaG

1 个答案:

答案 0 :(得分:0)

这里有2个问题:

  1. 将ng-class表达式更改为:{' div-hide&#39 ;: index!= $ index + 1}
  2. ng-click在单词" index"周围的间距错误。 (例如ng-click =" index = i ndex)
  3. 修复这两个似乎有效..