【问题标题】:Dynamic Slide in Ionic Using <ion-slides>使用 <ion-slides> 的 Ionic 动态幻灯片
【发布时间】:2016-07-26 01:03:55
【问题描述】:

我无法使用 ion-slides 找到任何动态幻灯片,其中大部分由即将弃用的 ion-slide-box 给出,我使用了 ion -slides 用于创建动态寻呼机,但我无法实现,滑动不起作用,仅显示第一张卡片,我是 ionic 的初学者,任何想法...

我的 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;
      })

【问题讨论】:

  • 你找到解决办法了吗?

标签: ionic-framework ion-slide-box


【解决方案1】:

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

<body ng-controller="mytestcontroller">

【讨论】:

    猜你喜欢
    • 2020-08-19
    • 1970-01-01
    • 2021-06-18
    • 2020-03-05
    • 2019-08-29
    • 2019-12-29
    • 1970-01-01
    • 2020-09-14
    • 1970-01-01
    相关资源
    最近更新 更多