Question

＆＃13;

<ons-template id="atendimento.html">
  <ons-page id="atendimento" ng-controller="MyCtrl" >
    <ons-toolbar>
      <section class="left">
        <ons-toolbar-button onclick="fn.open()">
          <ons-icon icon="menuic"></ons-icon>
        </ons-toolbar-button>
      </section> 
      <section class="center">
        Atendimento
      </section>
    </ons-toolbar>

    <section class="showConsultores" ng-app="MyApp" >     
      <section class="slick-container">
        <slick infinite=true slides-to-show=3 slides-to-scroll=3>
          <section class="slick-item" ng-repeat="image in images">
            <div><img src="{{ image.url }}" /></div>
          </section>
        </slick>
      </section>   
    </section><!-- showCOnsultores -->

  </ons-page>
</ons-template>

＆＃13;

我在ons-template上有一个光滑的滑块，我需要它来推送这个模板/页面时进行初始化。我怎样才能做到这一点？我有一个模板和一个div，用ng-app =＆＃34; MyApp＆＃34;和ng-controller =＆＃34; MyCtrl＆＃34;

以下是我已经完成的事情：

＆＃13;

var app = angular.module('MyApp', ['slickCarousel'])
  .controller('MyCtrl', MyCtrl);

function MyCtrl($http, $scope, $interval) {

  $scope.images = [{
    url: 'http://1.gravatar.com/avatar/7b87e6452c01724c8e917c4e08dce2f7?s=90&d=mm&r=g'
  }, {
    url: 'http://www.guiadafarmacia.com.br/images/resized/images/screen_shot_2015-04-30_at_3_90_90.png'
  }, {
    url: 'http://www.guiadafarmacia.com.br/images/resized/images/screen_shot_2015-04-30_at_3_90_90.png'
  }, {
    url: 'http://www.guiadafarmacia.com.br/images/resized/images/screen_shot_2015-04-30_at_3_90_90.png'
  }, {
    url: 'http://www.guiadafarmacia.com.br/images/resized/images/screen_shot_2015-04-30_at_3_90_90.png'
  }, {
    url: 'http://www.jmensura.com.br/img/call_center.jpg'
  }];
}

＆＃13;

Answer 1

从模块的文档中看起来像普通的ng-if用于初始化轮播：

<slick ng-if="numberLoaded">
    <div ng-repeat="i in number">
        <div class="" ng-include="'tpl.html'"></div>
    </div>
</slick>

您可以在状态/路由解析功能上设置numberLoaded（或其他一些触发标志）。不确定这是否有帮助

在pagePush上使用Init angular-slick-slider

1 个答案: