离子载玻片不显示任何内容

Question

我正在尝试使用 ionic 为 android 做一个应用程序。我想为范围内的每个项目做一个离子幻灯片，但没有显示任何内容。

$scope.channels = [];

  $scope.options = {
  loop: false,
  effect: 'fade',
  speed: 500,
  }
  $scope.data = {};
  $scope.$watch('data.slider', function(nv, ov) {
    $scope.slider = $scope.data.slider;
  })

<ion-view title="home">
    <ion-content ng-controller="temperatureCtrl">
        <div>
            <h1>hello allz</h1>
            <div ng-init="init()"></div>
            <ion-slides  options="options" slider="data.slider" > 
                <ion-slide ng-repeat="channel in channels">                
                    <h2><center>canal# {{channel.canal}}</center></h2>
                </ion-slide>                 
            </ion-slides>
        </div>
    </ion-content>
</ion-view>

Answer 1

我认为 ion-slide 是 ion-slides 中的错误元素

你能试试 ion-slide-pages 会发生什么吗？

像这样：

<ion-slides  options="options" slider="data.slider" > 
    <ion-slide-page ng-repeat="channel in channels">                
        <h2><center>canal# {{channel.canal}}</center></h2>
    </ion-slide-page>                 
</ion-slides>

离子载玻片不显示任何内容

ion-slides don't show anything

slide

angularjs

ionic-framework