javascript - 将 ng-repeat 值传递给 Ionic Modal

Question

我有一组用户的 ng-repeat，我希望能够点击每个用户以在 Ionic Modal 中显示他们的详细个人资料信息。

这是实际的 HTML:

<div ng-repeat='user in users track by $index' ng-click="openModal()">
  <div class="col">
     <div class="col profile-image" >
         <img src="img/default_user.jpg" class="connect_image" /><br />{{user.name}}<br />
         <span class="connect_subject">{{user.about}}</span>
     </div>
</div>
</div>

这是该模板中的示例模式:

<script id="profile-modal.html" type="text/ng-template">
   <div class="modal">
      <ion-header-bar>
      <h1 class="title">{{user.name}}</h1>
      </ion-header-bar>
   </div>
</script>

问题是，如何将 ng-repeat 用户变量传递到模式中，以便我可以访问 user.name？

Answer 1

您只需将 OpenModal() 函数应用于特定用户，这是代码

 <div ng-repeat='user in users track by $index' >
          <div class="col">
            <div class="col profile-image" ng-click="openModal(user)">
              <img src="img/default_user.jpg" class="connect_image" />
              <br />{{user.name}}
              <br />
              <span class="connect_subject">{{user.about}}</span>
            </div>
       </div>
  </div>

并且在函数中你可以应用到作用域，

 $scope.openModal = function(user) {   
          $scope.user = user;
          $scope.modalCtrl.show();
        };

这是工作 Codepen