离子载玻片没有显示任何东西

时间:2016-05-08 23:24:01

标签: angularjs ionic-framework slide

我正在尝试使用离子来为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>

1 个答案:

答案 0 :(得分:0)

我认为离子载玻片是离子载玻片中的错误元素

你可以试试离子幻灯片页面会发生什么吗?

像这样:

<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>