Question

我是棱角分明的新人，但我知道Jquery。我做了类似下面的事情：我从控制器获取以下数据：

 var data = [
{
  id : 0,
  name : 'Nemo', 
  path : 'img/fishBlow.jpg',
  cover : 'img/cover.jpg',
  flip : false
}, ... etc

在我看来，我希望在点击事件中访问每张卡片; 如何识别特定卡？在jquery，我可以找到父母，并做其余的sutffs ....

  <div class='container' data-ng-controller="InitCtrl">
             <h2>{{Message}}</h2>

        <div class="wrapper"  data-ng-repeat = "card in suffle()" >
              <div class="card flipped" id={{card.id}}>
                <figure class="front">
                  <img ng-src="{{card.path}}" />

                </figure>
                <figure class="back">
                    <img ng-src="{{card.cover}}" />
                </figure>
              </div>

        </div>


       </div>

Answer 1

由于你是棱角分明的新手，我不是给你最具技术性的细节，而是一个高层次的想法：

在ng-repeat（div.wrapper上的AKA）中，您可以访问当前card次迭代。多亏了这一点，您可以执行{{card.id}}或{{card.path}}之类的操作。这意味着您可以访问card对象来执行您想要执行的操作。这也意味着您可以通过点击这样将具体卡片传回控制器：

<button ng-click="selectCard(card)">Select</button>

注意函数的参数，它是该迭代的具体卡片。这样做，您只需点击一下即可访问具体卡片。

示例：http://plnkr.co/edit/bc4cVNmgrA4Vdv4kcoTF?p=preview

确定ng-repeat的个体元素

1 个答案: