离子动态幻灯片使用<ion-slides>

时间:2016-03-09 05:40:58

标签: ionic-framework ion-slide-box

我无法使用离子幻灯片找到任何动态幻灯片,其中大多数是由 ion-slide-box 给出的,不推荐使用离子-slides 用于创建动态寻呼机,但我无法实现,刷卡不工作只显示第一张卡片,我是离子初学者的任何想法......

我的Html代码:

 <ion-slides  pager loop="true" options="swiperOptions"> 
      <ion-slide-page  ng-repeat="employe in employees">
                  <h1>{{employe.firstname}}</h1>
                  <p>{{employe.gender}}
      </ion-slide-page>
</ion-slides>

我的js控制器:

.controller("mytestcontroller",function ($scope){
          var employees = [
                    {
                      firstname : "Baskar",
                      lastname : "Risk",
                      gender : "Male",
                      url: " "
                       },
                       {
                      firstname : "Ram",
                      lastname : "Risk",
                      gender : "Male",
                      url: ""
                      },{
                      firstname : "Kumar",
                      lastname : "Risk",
                      gender : "Male",
                      url: ""
                      }];
          $scope.employees=employees;
      })

1 个答案:

答案 0 :(得分:0)

确保您在html中关联了'mytestcontroller',例如:

<body ng-controller="mytestcontroller">