小编Har*_*cen的帖子

如何在<ons-list>中管理某些轮播

我有几乎与Onsen UI Carousel Swipe list item问题相同的问题.但我需要在轻触的ons-list-item上管理某个轮播(ccall函数和setActiveCarouselItemIndex()),而不是删除列表成员.我写了下面的代码:

 <ons-page ng-controller="TaskListCtrl">
  <ons-toolbar>
    <div class="center">Home</div>
  </ons-toolbar>

  <ons-list>
    <ons-list-item modifier="chevron" ng-controller="TaskItemCtrl" ng-repeat="task in tasks">
      <ons-row>
        <ons-col width="60px">
          {{ task.id }}
        </ons-col>
        <ons-col>
          <ons-carousel var="taskCarousel" auto-scroll style="width: 100%; height: 70px" ng-click="nextView()">
            <ons-carousel-item>
              View #1 {{ task.descr }}
            </ons-carousel-item>
            <ons-carousel-item>
              View #2 {{ task.details }}                  
            </ons-carousel-item>
          </ons-carousel>
        </ons-col>
      </ons-row>
    </ons-list-item>
  </ons-list>
</ons-page>
Run Code Online (Sandbox Code Playgroud)

代码是:

var app = angular.module('app', ['onsen']);

app.controller('AppController', function($scope) {

});

app.controller('TaskListCtrl', function($scope) {
    $scope.tasks = [
            {
                id: "1",
                descr: "Task Description #1", …
Run Code Online (Sandbox Code Playgroud)

angularjs onsen-ui

2
推荐指数
1
解决办法
808
查看次数

标签 统计

angularjs ×1

onsen-ui ×1