增加角度

Question

我的控制器中有json（将被移动），基本上是：id，questionName，answer。

我想在下面的代码中显示每个问题。一次一个问题。点击A链接是/否我希望问题继续下一个。

我希望我可以增加使用＆＃34; count＆＃34;初始值为0，这是与json相关的id，随后会增加到最后一个问题。然而，这似乎不起作用;或者至少我的实施没有。

我希望它足够清楚。这很难解释。

  <div class="row" id="dropdown" ng-controller="testYourself">
      <div id="q" class="cta1_content ugh" style="display:none;">
         <div ng-repeat="data in quiz" ng-show="count==0" data-ng-init="count=0">
            <h2 class="text-center">{{data.name}}</h2>
            <div class="col-xs-6 col-md-3 col-md-offset-3 text-center yesno">
                <a href="#" class="q" data-question="{{count}}" data-answer="1" ng-click="count=count+1">
                    <span class="cta_next"><i class="icon ion-checkmark-round"></i></span>
                </a>
           </div>
          <div class="col-xs-6 col-md-3 text-center yesno">
              <a href="#" class="q" data-question="{{count}}" data-answer="0" ng-click="count=count+1">
                <span class="cta_next"><i class="icon ion-close-round"></i></span>
              </a>
          </div>
       </div>                
    </div>
  </div>

我的控制器看起来像这样：

app.controller('testYourself', ['$scope', function($scope) {
$scope.quiz = [
{id:0, name:"q1", answer: [{0: 'a', 1: 'b}], weight:25}
];

id对我来说是不必要的，但添加了尝试做我正在尝试的事情。 （我对Angular来说是2天新的。）

谢谢

UPDATE ------

<div id="q" class="cta1_content ugh" ng-controller="testYourself" data-ng-init="count=0">
    <div ng-repeat="data in quiz" ng-show="data.id==count">
        <h2 class="text-center">{{ data.name }} {{count}}</h2>
        <div class="col-xs-6 col-md-3 col-md-offset-3 text-center yesno">
            <a href="#" class="q" data-question="{{data.id}}" data-answer="1" ng-click="count=count+1">
                <span class="cta_next"><i class="icon ion-checkmark-round"></i></span>
            </a>
        </div>
        <div class="col-xs-6 col-md-3 text-center yesno">
            <a href="#" class="q" data-question="{{data.id}}" data-answer="0" ng-click="count=count+1">
                <span class="cta_next"><i class="icon ion-close-round"></i></span>
            </a>
        </div>
    </div>
</div>

Answer 1

这里有很多事情要发生。

1. 您发布的js代码中存在许多语法错误。因此，如果从实际代码中粘贴了它，请考虑添加必要的大括号，括号和引号。
2. #q上有内联样式。这意味着没有任何内容可见。有角度，您只需要ng-show，图书馆将负责其余部分。所以摆脱它，你应该看到问题1。
3. 你可能想把ng-init放在像#q这样的元素上。 ng-repeat创建一个新的范围，因此这里的计数在重复的范围内，而不是控制器的范围（这可能是你想要的）。

希望有所帮助。